JavaScriptのセミコロン挿入の仕組みを詳しく紹介_基礎知識-jsチュートリアル-php.cn

JavaScriptのセミコロン挿入の仕組みを詳しく紹介_基礎知識

WBOY

リリース： 2016-05-16 16:14:35

オリジナル

1242 人が閲覧しました

は、} の前、1 つ以上の改行の後、およびプログラム入力の最後にのみ

として挿入されます。

これは、行、コードブロック、プログラムの末尾のセミコロンのみを省略できることを意味します。

つまり、次のコードを書くことができます

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

関数 square(x) {

var n = x

n * n
 を返します
}

ただし、次のようなコードを記述することはできません。そうしないと、エラーが報告されます

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

function area(r) { r = r return Math.PI*r*r }//error

後続の入力タグを解析できない場合にのみ

を挿入します

言い換えれば、セミコロンの挿入はエラー修正メカニズムです。コードを見て話してください

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

a = b
(f())
//単一のステートメントに正しく解析できます。単価は次のステートメントです
。 a = b(f())

a = b
f()
// 2 つの独立したステートメントに解析されます
a = bf();//解析エラー

したがって、セミコロンを合法的に省略できるかどうかを判断するには、次のステートメントの先頭に注意する必要があります。

(、[、-、および / これらの 5 文字はステートメントを開始します。その場合は、先頭のセミコロンを省略しないことをお勧めします。

例を挙げてください

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

a = b

['r', 'g', 'b'].forEach(関数 (キー) {

console.log(key);

});

当初はエラーはないと考えられていましたが、パーサーはそれを次のステートメントに解析しました

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

a = b['r', 'g', 'b'].forEach(関数(キー) {

console.log(key);

});

2 番目のステートメントは [ で始まるため、パーサーは最初のステートメントの後にセミコロンを自動的に挿入しません。そのため、上記の式は b['b'].forEach として解析されます。間違っていませんか?

したがって、これらの 5 文字 ([、-、/) で始まる文の場合は、先頭のセミコロンを省略しないことが最善です。

セミコロンを省略したい場合、経験豊富なプログラマはこのステートメントの後に宣言ステートメントを付けて、パーサーが正しく解析できるようにします。以下に示すように

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

a = b

var x//a = b が (f())
 と一緒に解析されないように、宣言ステートメントがここに特別に追加されています。
(f())

したがって、セミコロンを省略する必要がある場合は、次の行の開始マークが上記の 5 文字であるかどうかを確認する必要があります。これにより、パーサーはセミコロンの自動挿入を無効にします。または、5 文字 (, [, 、-、および / の前にセミコロンを付けます

セミコロンを省略するとスクリプト接続の問題が発生します

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

//file1.js
(関数() {
//......
})()

//file2.js
(関数() {
//......
})()

上記 2 つのファイルを接続すると、次のように解析されます

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

(関数() {

//......

})()(関数 () {

//......

})()

セミコロンを省略すると、現在のファイル内の次のトークンだけでなく、スクリプトが接続された後のステートメントの後に出現する可能性のあるトークンにも注意する必要があります。

パーサーの解析エラーを回避するには、各ファイルの先頭に追加のセミコロンを付けて、スクリプトを不用意な連結から保護します。ファイル内の最初のステートメントが上記の 5 つの脆弱な文字で始まる場合は、追加のセミコロン接頭辞を追加する必要があります。

JavaScript 構文により制作が制限されています

JavaScript 構文では生成が制限されています。2 つの文字の間に改行は許可されません。

例:

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

戻る

{};

上記のコードは
に解析されます。

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

戻る;

{}

;

自動インクリメントおよび自動デクリメント操作のセミコロン挿入ルール

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

考えてみてください。上記のコードは解析されて何になるでしょうか?答えを教えてください。インクリメント演算子は前置演算子と後置演算子の両方として使用できますが、後置演算子は改行の前に出現できないため、上記のコードは
に解析されます。

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

あ;

  b;

セミコロンは、空の for ループステートメントの先頭に区切り文字として自動的に挿入されません

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

for (var i = 0,total=1

i) {

合計*=i;

}

上記のようなコードは解析エラーを引き起こします。

空のループ本体の while にもセミコロンを表示する必要があります。そうしないと解析エラーが発生します

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

関数 mytest() {

一方 (本当)

}

エラーを避けるためには次のように記述する必要があります

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

関数 mytest() {

一方 (真) ;

}

要約すると

1. セミコロンは、} マークの前、行末、プログラムの末尾でのみ推定されます
2. セミコロン
は、次のタグが解析できない場合にのみ推定されます。 3. (、[、-、/ の文字で始まるステートメントの前にセミコロン
を省略してはなりません) 4. スクリプトをリンクするときは、スクリプト間にセミコロン
を明示的に挿入します。 5. return、throw、break、 continue、または --
のパラメータの前で改行しないでください。 6. セミコロンを for ループの先頭または空のステートメントの区切り文字として推定することはできません