JavaScript 応用プログラミング（第 3 版）学習ノート 2 js の基本構文_基礎知識

この記事では、ECMAScript 仕様の基本的な構文をレビューします。英語が得意な友人は、公式ドキュメント を直接読むことができます。 JavaScript は本質的には C に似た言語です。C 言語に詳しい人はこの記事を簡単に読むこともできますが、紹介中に一部引用することをお勧めします。分かりにくいので比較的人気があると思います。

基本文法

1. 識別子: いわゆる識別子は、実際には特定の仕様を満たす名前を指し、名前付きの定数、変数、関数名、関数パラメーター、オブジェクト、オブジェクトをすべて表すために使用できます。プロパティなど。オブジェクトの名前。

(1) 大文字と小文字が区別されます。

(2) 文字、アンダースコア (_) またはドル記号 ($) で始まり、その他の文字には文字、アンダースコア、ドル記号、または数字を使用できます。ここでの文字には拡張 ASCII または Unicode 文字が含まれています。

(3) 識別子は、キーワード、予約語、true、false、または null にすることはできません。 (一部のブラウザでは未定義が許可されますが、一部のブラウザでは許可されません)。

(4) オブジェクトの属性にスペースやその他の特殊文字が含まれる場合は、全体を括弧で囲むことができます。

2. キーワード: 言語自体で特定の用途があります。

🎜> 3. 予約語: 言語自体によって予約されており、将来キーワードとして使用される可能性があります。

ES3 の予約語:

abstract boolean byte char class const debugger double enum import extends Final float gotoimplementations import int Interface long niative package private protected public short static super syn chronized throws transient volatile

ES5 の非厳密モードの予約語:

class const enum export extends import super

厳密モードの ES5 予約語:

実装インターフェース let (ES5 の新機能) package private protected public static yield (ES5 の新機能)

4. Strict モード: ES5 で Strict モードが導入されました。Strict モードは、「use strict」を使用してオンにすることができます。または、関数内でローカルの strict モードをオンにすることができます。範囲。

コードをコピーします コードは次のとおりです: "use strict"//グローバル strict を有効にするES3 では、影響関数 fn(){

"use strict"//Turn on local strict モード

}


5. 注: ECMAScript では、 2 つのタイプがサポートされています コメントのフォーマット、単一行コメント、およびブロックレベルのコメント:

コードをコピー コードは次のとおりです: / / 2 つのスラッシュで始まる単一行コメント // /*

* スラッシュ / とアスタリスク * で始まり、アスタリスクとスラッシュ、ここでは中央の行 アスタリスク * は必要ありません

*/


説明: JS コードがますます複雑になるにつれて、コメントはますます重要になり、ドキュメントの自動化が行われます。現在、JSDoc や YUIDoc など、Javadoc に似た JS ドキュメントを自動生成するために使用されるオープン ソースの JS ライブラリが数多く存在します。現時点では、コメントの対応する形式の要件も存在します。研究に関連する情報を見つけます。

6. 変数: 変数は本質的に、言語レベルでのメモリ空間の外部抽象化です。

(1) 動的型: ECMAScript では、変数を定義するときに変数を Number 型に初期化し、それに文字列値を割り当てることができます。 🎜>

コードをコピーします

コードは次のとおりです。 var age = 29 age = 'twenty-nine '; //この柔軟性にもかかわらず、何をしているのかを正確に理解していない限り、これを行わないことをお勧めします。
(2) var 演算子: 変数は var を使用して宣言されます。初期化されていない変数の場合、変数はデフォルトで未定義になります (私の意見では、これも存在する理由がありません)。 . )、それらの最も重要な違いは、var を使用して宣言された場合、宣言された変数は現在のスコープでのみ有効であるのに対し、var が使用されない場合、変数はグローバル スコープで定義されることです。次の例で違いを理解できます。

コードをコピーします コードは次のとおりです:

var name = 'linjisong'; //グローバル変数を定義して値を割り当てる
age = 29; //変数を直接使用することは、グローバル変数を定義して値を割り当てることと同じです
//sal ; //エラー
var給与; / /グローバル変数を定義しますが、初期化されていません
//これは単なる関数宣言であり、実際の呼び出しではないため、内部的に定義された変数は有効になりません
function fn(){
var name = 'oulinhai';//ローカル変数と値の割り当て
age = 23; //グローバル変数への値の割り当て
work = 'it' // var を使用しない、関数に対してローカルな変数もグローバル変数になります。
}
//関数が実際に呼び出される前に
console.info(salary); //未定義
console.info(name); / linjisong
console.info(age); // 29
try{
console.info(work);//work はグローバル環境で定義されていないため、ここで例外がスローされます
}catch(e){}
fn();//実際の呼び出し、コード内の変数への変更が表示されます
console.info(name) // linjisong、関数内で var が使用されているため、グローバル名の値は変更されません
console.info(age); // 23
console.info(work); // it

(3) ステートメントのプロモーション:この問題については、関数宣言と関数式について説明するときに再度説明します。まずここでコードを見てみましょう。

コード コードは次のとおりです:

console.info(name);/ /unknown
console.info(getName);//getName() function
console.info( getName());//未定義
try{
console.info(age);// 例外
}catch(e){
console.info(e);//ReferenceError
}
console.info(getAge);//未定義
try{
console.info(getAge());//Exception
}catch(e){
console.info (e);//TypeError
}
var name = 'linjisong';//変数宣言、raise
age = 29;//
function getName() を呼び出さずに、グローバル変数を直接使用します{//関数宣言、raise
return name;
}
var getAge = function( ){// 年齢を取得する匿名関数式の宣言、昇格されません。
return age ;
}
console.info(name);//linjisong
console.info (getName);//getName() 関数
console.info(getName());//linjisong
console.info(age);//29
console.info(getAge);// 年齢を取得する匿名関数
console.info(getAge());//29

上記の出力を自分で推論したことがありますか?すでに推論している場合はスキップしてください。まだ疑問がある場合は、まず以下のステートメントのプロモーションの説明を見て、戻って上記の出力結果を確認してください。
A. エンジンが解析では、まず関数宣言を解析し、次に変数宣言を解析し（解析中に型は上書きされません）、最後にコードを実行します。
B. 関数宣言を解析すると、型（関数）は次のようになります。変数宣言を解析するときは、変数のみが解析され、初期化されません。
ここで関係するのはグローバル スコープのみです。関数スコープには、宣言のプロモーションにも関連する関数パラメーターもあります。これについては、後で関数について説明するときに説明します。
上記のコードは、18行目の関数宣言と16行目と21行目の変数宣言を先頭に進めて解析してから実行します。したがって、1 行目と 9 行目は、変数宣言がプロモートされているが初期化されていないため、未定義を出力します。また、11 行目では、関数の型を決定できないため、型例外がスローされます。2 行目と 3 行目は、関数宣言がプロモートされ、関数の型が解析されているためです。したがって、行 11 行 2 は関数を出力し、行 3 は関数を呼び出すことができますが、戻り値は初期化されておらず、未定義を出力します。行 5 は変数が宣言されていないため、参照例外をスローします。
(4) 1 つのステートメントを使用して複数の変数を定義できます。変数をカンマで区切るだけです。例:

コードをコピー コードは次のとおりです:

var name='linjisong' 、
年齢 = 29、
仕事 = 'it';
(5) ES5 の strict モードでは、eval という名前の変数やarguments を定義できません。
7. ステートメント
(1) ステートメント: セミコロン「;」で終了します。セミコロンを省略した場合、パーサーがステートメントの終わりを判断します。
JS のステートメントがセミコロンを省略できる理由は思い当たりません。さらに、パーサーがプログラムを「推測」するのに時間を費やさないように、各ステートメントを明確にセミコロンで終了することを強くお勧めします。重要なのは、多くの圧縮ツールでは、推測が 100% 正しいとは限らないということです。
(2) コードブロック: 左中括弧 ({) で始まり、右中括弧 (}) で終わります。
JS にはコード ブロックの概念がありますが、一般的な C 系言語とは異なり、対応するブロック レベルのスコープはありません。制御ステートメント (if など) では、ステートメントが 1 つしかないからといって、コード ブロックの使用を避けないでください。これにより、プログラムを保守する人に間違いの種が蒔かれます。

コードをコピー コードは次のとおりです。

for(var i=0; i{
}
console.info(i);//出力 10、i はコード ブロックの後でアクセスできます。これは、JS にブロック レベルのスコープがないことを示します。
if (i //console.info(i); コードブロックを使用しないと、メンテナンス中に間違いを犯しやすくなります (ステートメントの追加など)
{
console.info(i) );
}

中括弧 ({}) はコード ブロックとして使用されるだけでなく、オブジェクト リテラルの定義にも非常に重要な用途があります。これについては後で説明します。