在前端开发中，我们可能会遇到类似于下面代码的情况：
-------- ------ -
-- ------ -
--- --- - ------
-
-----------------
-这段代码看起来没什么问题，但是当我们使用 Jshint 进行代码检查时，它会提示一个警告：
----- -- ------- ------- -- ---- ------
这是因为在 JavaScript 中，var 关键字并没有块级作用域，而是函数作用域。也就是说，在上面的代码中，var foo 定义的变量实际上是在 test 函数的作用域内，而不是 if 语句块的作用域内。
当程序执行到 console.log(foo) 时，foo 变量已经被定义，所以 Jshint 认为在 if 语句块内重新定义 foo 是多余的。
为了解决这个问题，我们可以将 var foo 的定义移动到 if 语句块之外：
-------- ------ -
--- ----
-- ------ -
--- - ------
-
-----------------
-这样就避免了重复定义变量的问题，同时也更符合 JavaScript 的作用域规则。
除此之外，我们还可以使用 let 或 const 关键字定义变量，它们具有块级作用域，可以更好地管理变量的作用范围。
总之，在编写 JavaScript 代码时，我们应该注意作用域的规则，避免出现意外的行为。同时，使用工具如 Jshint 进行代码检查也是很有帮助的。
参考：
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/24856