非常に詳細な基本的なJavaScript構文ルール

01 JavaScript（略称：js）

js は 3 つの部分に分かれています。

ECMAScript 標準 ---- js の基本構文
DOM------ドキュメントオブジェクトモデルドキュメントオブジェクトモデル
BOM------ブラウザオブジェクトモデル

JavaScript とは何ですか?

これはスクリプト言語です (コンパイル不要、直接実行、一般的なスクリプト言語: t-sql、cmd)
それは解釈型言語である
動的型付け言語である
オブジェクトベースの言語です

注記：

1. コンパイル言語は、実行する前にコンピューターが認識できるバイナリ言語に変換する必要がある言語です。

2. フロントエンドの基盤はHTML（マークアップ言語、表示データ）

CSS (ページを美しくする)

JavaScript (ユーザーとブラウザのインタラクション)

jsの元の名前はJavaScriptではなくLiveScriptです

js の役割は何ですか?

ユーザーとブラウザ間のインタラクションの問題を解決する

js コードは次の 3 つの場所に記述できます。

1. HTMLファイルで、scriptタグ内にjsコードを記述します。

2.jsコードはhtmlタグ内に記述できる

<スクリプト> 
//js コードアラート ("一生懸命勉強して毎日進歩しましょう"); // ページにダイアログボックスをポップアップ表示します</script> 
<input type="button" value="button" onclick="alert('クリックされました');"/>

3. jsファイルにjsコードを記述できますが、htmlページのscriptタグにsrc="js path"を導入する必要があります。

02 オペレーター

演算子: 計算に使用されるいくつかの記号

算術演算子: + - * / %
算術式: 算術演算子で連結された式
単項演算子: この演算子は、演算するオペランドを 1 つだけ取ります。++ –
二項演算子: この演算子は 2 つのオペランドを必要とします。
三項演算子: 条件式? 式1:式2
複合演算子: += -= *= /= %=
複合演算式: 複合演算子で接続された式

 var 数値 = 10; 
 num+=10;----->つまり、num=num+10; 
 コンソール.log(数値);20

代入演算子: =

関係演算子:

> < >= <=

==厳密ではない

=== 厳密

!= 緩い不平等

!== 厳密な不等式

関係演算式:

関係演算子で接続された式

関係式の結果はブール型になります。

論理演算子:

&&—論理積 – AND

||—論理和—または

!—論理否定—否定—否定

論理演算式:

論理演算子で接続された式

式1&&式2

1つが偽であれば、結果全体が偽となる

式1||式2

どれか一つでも真実であれば、結果全体も真実である

!式1

式1の結果は真であり、結果全体は偽である

式1の結果は偽であり、結果全体は真である

var num1 = 10; 
var num2 = 20; 
コンソールログ(数値1==数値2&&5>6)
var 数値 = 20; 
コンソールログ(数値>10||5<0)
var フラグ = false; 
console.log(!フラグ)
var 数値 = 10; 
var 合計=(数値+10)*5; 
console.log(合計 
var result = (4 >= 6 || '人' != '狗' && !(12 * 2 == 144) && true) ;
console.log(結果);
var 数値 = 10; 
var result2 =( 5 == num / 2 && (2 + 2 * num).toString() === '22') ;
コンソールログ(結果2); 
var 数値 = 20; 
var result = num/3; //num 変数を 3 で割った余り ---> 10/3 の余り console.log(parseInt(result) 
var 数値 = 20; 
var result = num%3; //num 変数を 3 で割った余り ---> 10/3 の余り console.log(result)
var 数値 = 10; 
var 合計 = (数値 + 10) + 1 
var 数値 = 20; 
       数値%= 5; 
// 数値=数値-5; 
コンソール.log(数値)
var str = "5"; 
var num = 5;
コンソール.log(str===num)
console.log(5>10);//偽 
console.log(5>=5);//true 
console.log(5>3);//true 
console.log(5==10);//偽

03 JS変数

変数名に関する注意 - 変数名の命名:

1. キャメルケースの命名規則に従います（最初の単語の最初の文字は小文字、後続の単語の最初の文字はすべて大文字です）

2. 変数名は意味のあるものにする

3. 変数名は標準化する必要がある

4. キーワードが使用できない（システムに付属している一部の単語は使用できません）

変数を宣言して初期化する - 変数を初期化する - 変数を宣言して値を割り当てる

数値100を格納するためのnumという名前の変数を宣言します。

 var 数値 = 110;

この変数の値を出力する

 alert(num); // ポップアップウィンドウ

ブラウザコンソールは、ブラウザの開発者ツールのコンソールオプションにあります（ショートカットキー：F12）

console.log(num); // ブラウザコンソールにコンテンツを出力します

複数の変数を宣言し、一つずつ値を割り当てる

var num1,num2,num3;//宣言//num1=10の値を順番に割り当てます。   
数値2=20;   
数値3=30;

複数の変数を宣言し、値を割り当てる

var num1=10、num2=20、num3=30; 
var 数値 = 10;
var $break = 10;
var shuZi = 10;

注意: 操作されるすべてのデータはメモリ内にあります。

変数を使用して js にデータを保存する方法 (名前、値 -> データ)
jsで宣言された変数はすべてvar ---->で保存され、データには対応するデータ型が必要です。
js内の文字列値は二重引用符または一重引用符で囲まれます

04 JS変数関数

変数の機能は、データを保存したり、データを操作したりすることです

変数宣言 (var には変数名がありますが、値はありません)

変数の初期化（var には変数名と値があります）

変数宣言方法:

var 変数名;

var number; // 変数宣言、この時点では値は割り当てられていません。 
// 複数の変数を一度に宣言する var x, y, z, k, j; // すべて宣言であり、値は割り当てられません // 変数の初期化（変数の宣言と値の割り当てが同時に行われます）
// = 意味: 代入の意味 // 数値 10 を格納
var 数値 = 10; 
//5を保存
var 数値2 = 5; 
//人の名前を保存します var name = "Xiao Hei"; 
//true を保存
var フラグ = true; 
// null を格納--->空と同等 var nll = null; 
//オブジェクトを保存します var obj = new Object();

05 JS変数の交換

スワップにはサードパーティの変数を使用する

var num1 = 10; 
var num2 = 20; 
  // 変数 num1 の値を取得して temp 変数に格納します。var temp=num1; 
// 変数 num2 の値を取得して変数 num1 に格納します。num1=num2; 
// temp 変数の値を取得して num2 変数に格納します。num2=temp;
コンソール.log(数値1);//20 
コンソール.log(数値2);//10

2番目の交換方法：一般的には番号の交換に適用される

var num1 = 10;  
var num2 = 20; 
// 変数 num1 の値と変数 num2 の値を加算し、変数 num1 に再割り当てします。num1 = num1 + num2; //30 
   // num1 と num2 の値を取得し、減算の結果を num2 に代入します
        num2 = num1 - num2; // 10 
// num1 と num2 の値を取得し、減算の結果を num1 に代入します
        num1 = num1 - num2; // 20
コンソールログ(数値1、数値2);

注意: 変数名は繰り返すことができません。後者が前者を上書きしてしまうためです。

var num1 = 10; 
var num1 = 20; 
コンソールログ(数値1);

拡張変数交換: コードを見るだけで、理解する必要はありません (ビット操作)

var num1 = 10;  
var num2 = 20;  
数値1 = 数値1 ^ 数値2;  
数値2 = 数値1 ^ 数値2;  
数値1 = 数値1 ^ 数値2;  
コンソールログ(数値1、数値2);

06 コメント

コメント方法:

1. 1行コメント //
2. 複数行コメント /**/

// 1行コメント: 通常はコード行の上に使用されます

/複数行コメント: 通常は関数またはコードセクションの上に使用されます/

//コメントされたコードは実行されません //console.log("Haha, I'm beautiful again"); 
//console.log("2行目"); 
//変数を宣言して初期化します //var num=10;

07 JS データ型

値型（基本型）:

弦

数字 - 整数と小数 (数値)

ブール

ヌル

未定義

シンボル

参照データ型:

物体

配列

関数

変数 数値; 
console.log(num+10); //NaN-----数値ではない---->数値ではない var num; 
console.log(数値);
この変数のデータ型を取得するにはどうすればよいですか? typeof を使用して、//typeof 構文* を使用してこの変数のデータ型を取得します。
     * typeof 変数名 * typeof (変数名)
     * 
var 数値 = 10; 
var str = "シャオバイ"; 
var フラグ = true; 
var nll = null; 
var 未定義; 
var obj = 新しいオブジェクト();
//typeofを使用して変数の型を取得します。console.log(typeof num);//number 
console.log(typeof str);//文字列 
console.log(typeof flag);//ブール値 
console.log(String(nll));//はnullです 
console.log(typeof nll);//nullではない 
console.log(typeof undef); // 未定義 
console.log(typeof obj);//オブジェクト 
console.log(typeof(num));

08 JSデジタルタイプ

 // 数値型: 整数と小数 var num = 12; 
 num=20; // 整数 num=98.76; // 小数点（他の言語では、浮動小数点型 --- 単精度、倍精度浮動小数点） 
 // すべての数値は数値型です

09ベース

js で表現できる基数は何ですか?

var num=10;//小数

var num2=012;//8進数

var num3 = 0x123; // 16進数

var num=12;//小数 console.log(num); 
var num2=012;//8進数 systemconsole.log(num2); 
var num3=0x1a; //16進数 console.log(num3); 
var num = 0x1f; 
   console.log(数値);

知らせ：

10進数を表すには: 通常の数字 8進数を表すには: 0 から始める 16進数を表すには: 0x から始める

10 ナン

NaNであるかどうかを確認するためにNaNを使用しないでください

変数 数値;  
console.log(数値+10==NaN); 
console.log("こんにちは"=="元気です");

結果がNaNかどうかを確認するにはどうすればいいでしょうか？isNaN()を使う必要があります。

var num; //-----変数は宣言されているが値が割り当てられていない場合、結果は undefined になります 
 それは数字ではないですか----->それは数字ではないですか？ NaN--->数値ではない console.log(isNaN(10));

結果が数値でないかどうかを判断するには、isNaN(変数名)を使用します。

var str="こんにちは"; 
変数 数値;  
var sum=num+10;//NaN 
console.log(合計); 
console.log(isNaN(sum)); // 数値でない場合は true、数値の場合は false

注意: NaN かどうかを判断するために NaN を使用しないでください。isNaN(値または変数) を使用する必要があります。

11 型変換

1.parseInt();//整数に変換

console.log(parseInt("10"));//10 
console.log(parseInt("10afrswfdsf"));//10 
console.log(parseInt("g10")); //NaN 
console.log(parseInt("1fds0"));//1 
console.log(parseInt("10.98"));//10 
console.log(parseInt("10.98fdsfd"));//10

2.parseFloat()//10進数に変換

console.log(parseInt("10"));//10 
console.log(parseInt("10afrswfdsf"));//10 
console.log(parseInt("g10")); //NaN 
console.log(parseInt("1fds0"));//1 
console.log(parseInt("10.98"));//10 
console.log(parseInt("10.98fdsfd"));//10

3.Number(); //数値に変換

console.log(数値("10"));//10  
console.log(Number("10afrswfdsf")); //NaN 
console.log(Number("g10")); //NaN 
console.log(Number("1fds0")); //NaN 
console.log(数値("10.98"));//10.98 
console.log(Number("10.98fdsfd"));//NaN

注: 整数を変換する場合はparseInt()を使用し、小数を変換する場合はparseFloat()を使用します。

数値を変換したい: Number(); は上記の2つの方法よりも厳密です

その他の型から文字列型へ

1.toString()

// var num = 10; 
// console.log(num.toString());//文字列型// //2 String(); 
// var num1 = 20; 
// コンソール.log(文字列(num1));

変数が意味をなす場合は、.toString() を呼び出して変換します。変数が意味をなさない場合は、String() を使用して変換します。

var 数値2; 
コンソールにログ出力します。 
var num3 = null; 
コンソールにログ出力します。 
    //これは var num2 になります。 
console.log(文字列(num2)); 
var num3 = null; 
console.log(文字列(num3));

その他の型からブール型へ

console.log(ブール値(1)); //true 
console.log(ブール値(0));//false 
console.log(ブール値(11));//true 
console.log(ブール値(-10));//true 
console.log(Boolean("哈哈"));//true 
console.log(Boolean(""));//false 
console.log(ブール値(null));//false 
console.log(ブール値(未定義)); //false