Javascriptの奇妙な構文

Question

は、だから私はJavaScriptでいくつかのものをプログラミングして、いくつかの時間後、私は、私は次のコードにタイプミスをした見た：lがそこにあることを想定されていないか

(function() { 

    var someEl = document.getElementById('id-of-some-el'),l <----- 
     someOtherEl = document.getElementById('some-other-el'); 

    someEl.onclick = function() { 
     ... 
    }; 

})(); 

は注意してください。私はFirefoxでこれをテストしてみたけど、なぜ私は構文エラーを取得していませんか？

Answer 1

あなたはvar -statement内部に2つの変数を作成しようとしていた。

var someEl = document.getElementById('id-of-some-el'), 
    someOtherEl = document.getElementById('some-other-el'); 

コンマの導入は、あなたがsomeElとlを作成したことを意味：で

var someEl = document.getElementById('id-of-some-el'),l 

セミコロンJSラインの終わりはオプションですので、今、あなたはその後、コードの明確な、二行目を持っている：

someOtherEl = document.getElementById('some-other-el'); 

そして、あなたが明示的var（あなたのプログラムにわずかに異なる意味をimbuingが）それらを-ingせずに変数に割り当てることができるので、これは有効です。 someEl、lとsomeOtherEl

新しい行は、このインスタンスで新しいステートメントを表し：

Answer 2

セミコロンで行を終了以来、このコードは次のように評価されている必須ではありません。

var someEl = document.getElementById('id-of-some-el'), l; 
someOtherEl = document.getElementById('some-other-el'); 

Answer 3

セミコロンは必須ではありませんので、それは有効です。

someElとlはローカル変数になり

someOtherElそれが今未定義だろう何のVAR

lを持っていないので、グローバルになります。それを見るために

使用コンソール/警告。

var a,b,c; 
alert(a); 

Answer 4

誤って三つの変数を作成しました。

あなたが同じ行にそれらのすべてを置く場合、例えば：

var someEl = document.getElementById('id-of-some-el'),l someOtherEl = document.getElementById('some-other-el'); 

あなたは予想通り、Syntax Error: Unexpected identifierを取得したいです。

Answer 5

これはどちらか本当に厳しい言語の構文エラーはありませんが、それはおそらくコンパイル言語で使用されていない変数に関する警告を与えるだろう

var someEl = document.getElementById('id-of-some-el'); 
var l; 
someOtherEl = document.getElementById('some-other-el'); 

に等しいです。

JavaScriptが突然、どこにでも登場する（つまり5月には、別の変数のタイプミスだった）、それは楽しく、未定義の変数を受け入れるよう、時にはいくつかの興味深いデバッグセッションを与えることができ、非常に寛容です。

Answer 6

あなたが書いたコードは技術的には有効ですが、JSLintはそれを警告として報告します。

問題が1行目の文字56： ';'代わりに 「someOtherEl」を見た。 2行目の文字9時

var someEl = document.getElementById('id-of-some-el'),l

問題：それは定義されて だった前 は 'someOtherEl' が使用されました。

someOtherEl = document.getElementById('some-other-el');