为什么我的变量已经在 var 声明中时需要“var”声明？

Question

如果模组可以帮助我更好地表达我的问题，我将不胜感激，因为如果不提供示例就很难提出这个问题。这是我创建的一个函数：

$("#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
  });

如您所见，我喜欢用一个简单的 var 声明，后跟逗号来声明我的 var，但是，在这种情况下，当我进入 typingTimer 时，我得到一个未定义的 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

在您的一个声明 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 的赋值后添加逗号，那么后面的行就是声明，正如你所期望的那样。