私の変数は、なぜvar宣言の中にあるときに 'var'宣言が必要なのですか？

Question

modを使って私の質問をより良くすることができれば、簡単に例を挙げることなくこれを尋ねるのは難しいので、私は感謝しています。ここで私が作成した関数である：あなたが見ることができるように

$("#myField").on('keyup', function(event){ 
    var input = $(this), 
     val = input.val(), 
     inputGroup = input.parents('div.input-group') 
     searchingIcon = $(inputGroup).find('i.auto-spinner'), 
     button = $(inputGroup).find('span.input-group-btn > button.btn'), 
     key = event.which, 
     typingTimer; // This throws an error typingTimer is not defined 

    //Clear typing timeout on keypress 
    clearTimeout(typingTimer); 
    //.... more code below.. not important 
    }); 

が、私は私が得る、私はtypingTimerに到達したとき、この場合には、しかし、コンマに続く1つの簡単なのvar宣言で私のVARSを宣言したいです空の変数を定義するのではなく、変数を探しているかのように、未定義のvarエラーが発生します。私が単にこれに変更する場合：

$("#myField").on('keyup', function(event){ 
    var input = $(this), 
     val = input.val(), 
     inputGroup = input.parents('div.input-group') 
     searchingIcon = $(inputGroup).find('i.auto-spinner'), 
     button = $(inputGroup).find('span.input-group-btn > button.btn'), 
     key = event.which; 
    var typingTimer; // All is well again... 

    //Clear typing timeout on keypress 
    clearTimeout(typingTimer); 
    //.... more code below.. not important 
    }); 

すべて正常に動作します。私がこの現象を経験したのはこれが初めてではありません。私は本当にその原因を知りません。 （;）で区切られていない変数を定義する方法にはいくつかの制限がありますか？

Answer 1

あなたの宣言の1つ後にコンマがありませんinputGroup = input.parents('div.input-group')。あなたの他の宣言もすべて式であるので（それらの後ろに=記号があります）、それらは独自の有効なステートメントです（結果をグローバル変数に代入する）。 typingTimerにはそのような割り当てがありません。そのため、未定義のエラーが発生しています。

不足しているカンマを追加すると問題が解決します。

Answer 2

inputGroup宣言の後にコンマがないため、その行の後ろにセミコロンが自動的に挿入されます。したがって、以降のすべての割り当ては宣言ではありません。

// declarations 
var input = $(this), 
    val = input.val(), 
    inputGroup = input.parents('div.input-group'); 

// merely assignments 
    searchingIcon = $(inputGroup).find('i.auto-spinner'), 
    button = $(inputGroup).find('span.input-group-btn > button.btn'), 
    key = event.which, 
    typingTimer; 

typingTimerはそう左の外側のいずれかの方法でそれを使用して、存在しません：彼らは私たちは、明示的、暗黙のセミコロンを記述することで、より明確にあなたのコードに問題があることを示してすることができます。..単に

アサインされています割り当ての手元側が無効です。上記の他の代入文は、暗黙のグローバルを作成するため（厳密なモードではないため）、許容されます。

inputGroupの割り当ての後にカンマを追加すると、後続の行が期待通りに宣言されます。