ESLint 是 JavaScript 语言常用的代码检查工具，可以检查代码的语法格式、代码风格等。在使用 ESLint 进行 JavaScript 代码检查时，必须使用合适的规则集才能发挥其检查效果，其中一个重要的规则就是 no-var。
no-var 规则的作用
no-var 规则是 ESLint 中一个非常重要的规则，它的作用是推荐使用 let 或 const 关键字代替 var 关键字来声明变量。
在 ES5 之前，JavaScript 只有 var 关键字用于声明变量。但在 ES6 中，新增加了 let 和 const 关键字，它们有更严格的作用域规则，并且可以保证变量的不可重定义特性。因此，no-var 规则的目的是帮助开发者更好地使用 ES6 语言特性，提高代码的质量。
no-var 规则的示例
下面是一个使用 var 关键字声明变量的示例代码：
function test() {
var x = 10;
if (true) {
var x = 20;
}
console.log(x);
}
test(); // 输出 20这段代码中，在函数内部使用了两次 var 关键字声明变量 x，其中第一次声明在函数作用域内，而第二次声明在 if 语句块作用域内。由于 JavaScript 变量的作用域是函数作用域和全局作用域，因此变量 x 的作用域被修改为整个函数作用域，导致 if 语句中的变量 x 覆盖了函数作用域中的变量 x。
如果使用 let 和 const 关键字代替 var 关键字的话，会获得更好的代码质量。下面是使用 let 关键字声明变量的示例代码：
function test() {
let x = 10;
if (true) {
let x = 20;
}
console.log(x);
}
test(); // 输出 10这段代码中，声明了两个不同的 let 关键字变量 x，它们的作用域分别是函数作用域和 if 语句块作用域，互不干扰。因此，if 语句块中的 x 变量只在语句块内有效，函数作用域中的 x 变量和 if 语句块中的 x 变量互不干扰，代码逻辑更加清晰明了。
no-var 规则的使用方法
在使用 ESLint 进行 JavaScript 代码检查时，必须使用相应的规则集才能生效。
在 .eslintrc.js 配置文件中，可以使用 no-var 规则进行配置，示例代码如下：
module.exports = {
rules: {
"no-var": "error"
}
};上面代码中，我们将 no-var 规则设定为 "error" 即“错误级别”，表示使用 var 关键字声明变量是错误的行为，将会在代码检查中报错提示。当然，也可以将 no-var 规则设定为 "off" 即“关闭规则”，表示关闭 no-var 规则检查。
总结
使用 let 和 const 关键字代替 var 关键字可以在一定程度上保证代码的质量和可读性。在使用 ESLint 检查 JavaScript 代码时，必须使用规则集才能生效，其中 no-var 规则就是检查变量声明类型的一个非常重要的规则。希望大家在开发中养成使用 let 和 const 关键字的良好习惯，提高代码的质量和可读性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64617644968c7c53b02d8e8c