JSLint 抱怨我的 try/catch

Question

javascript，当通过 JSLint 运行时，会对我大喊大叫，我不知道为什么。

/*jslint browser: true, devel: true, evil: true, undef: true, nomen: true, eqeqeq: true, plusplus: true, bitwise: true, newcap: true, immed: true */

var foo = function() {
  try {
    console.log('foo');
  } catch(e) {
    alert(e);
  }
  
  try {
    console.log('bar');
  } catch(e) {
    alert(e);
  }
};

foo();

它告诉我：

第 12 行第 11 行字符出现问题：“e”已定义。

} catch(e) {

我似乎对第二个 catch(e) 感到不安。为什么这会成为一个问题？它不是简单地将 e 设置为 catch 块内的局部变量吗？我是否需要为函数中所有捕获的错误指定局部变量的唯一名称？

Answer 1

对于 JSLint，try..catch 具有将 e 声明为局部变量的隐式效果。因为同一个函数中有两个这样的块（JavaScript 中没有块作用域），所以 JSLint 将其视为声明一个已经声明的变量。

将变量命名为 e1、e2、等 将防止 JSLint 发出此警告。但这真的是个问题吗？ ECMAScript 5 规范第 12.14 节指出，“无论控制如何离开块，词法环境总是恢复到之前的状态。”事实上，情况似乎确实如此：

try {
    throw new Error("testing 1234");
} catch(fooBarBaz){
    alert("Catch: " + fooBarBaz);    // works
}

alert(fooBarBaz);    // throws exception

因此，总而言之，这只是 JSLint 的一个限制，不太可能导致任何实际问题。

Answer 2

尝试使用不同的变量，可能会感到困惑，因为 e 通常是为事件处理程序保留的。

Answer 3

我使用的 JSLint 根本没有显示任何错误 - 并且逻辑上您的代码是正确的。

Answer 4

JSLint 在这里可能就是错误的。根据 ECMAScript 规范，输入 catch 块会创建一个新的作用域，在该作用域内定义异常变量。在您的示例中，e 仅在 catch 块内部有效，并且不在外部定义。这里没有重新定义。

Answer 5

为每个 try / catch 使用不同的变量。