首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

no-use-before-define

在 ES6 之前的 JavaScript 中,变量和函数声明被提升到范围的顶部,因此可以在代码中正式声明之前使用标识符。这可能会让人困惑,有些人认为最好在使用它们之前总是声明变量和函数。

在 ES6 中,块级绑定(letconst)会引入一个“暂时死区”,在该区域ReferenceError中将抛出 a,并尝试在声明之前访问该变量。

规则细节

此规则会在遇到对尚未声明的标识符的引用时发出警告。

此规则的错误代码示例:

/*eslint no-use-before-define: "error"*/
/*eslint-env es6*/

alert(a);
var a = 10;

f();
function f() {}

function g() {
    return b;
}
var b = 1;

{
    alert(c);
    let c = 1;
}

此规则的正确代码示例:

/*eslint no-use-before-define: "error"*/
/*eslint-env es6*/

var a;
a = 10;
alert(a);

function f() {}
f(1);

var b = 1;
function g() {
    return b;
}

{
    let c;
    c++;
}

选项

{
    "no-use-before-define": ["error", { "functions": true, "classes": true }]
}
  • functionsboolean) - 显示此规则是否检查函数声明的标志。如果是这样true,这个规则在函数声明之前警告每一个函数的引用。否则,忽略这些引用。函数声明被挂起,所以它是安全的。默认是true
  • classesboolean) - 显示此规则是否检查上方作用域的类声明的标志。如果是这样true,这个规则在类声明前警告每一个类的引用。否则,如果声明位于上层函数作用域中,则忽略这些引用。类别声明不会被挂起,所以它可能是危险的。默认是true
  • variablesboolean) - 此标志确定规则是否检查上方作用域中的变量声明。如果是这样true,规则会在变量声明前警告每个变量的引用。否则,如果声明位于较高范围内,则规则将忽略引用,但如果引用与声明位于同一范围内,则仍会报告引用。默认是true

此规则接受"nofunc"字符串作为选项。"nofunc"是一样的{ "functions": false, "classes": true }

功能

选项的正确代码示例{ "functions": false }

/*eslint no-use-before-define: ["error", { "functions": false }]*/

f();
function f() {}

选项的错误代码示例{ "classes": false }

/*eslint no-use-before-define: ["error", { "classes": false }]*/
/*eslint-env es6*/

new A();
class A {
}

选项的正确代码示例{ "classes": false }

/*eslint no-use-before-define: ["error", { "classes": false }]*/
/*eslint-env es6*/

function foo() {
    return new A();
}

class A {
}

variables

选项的错误代码示例{ "variables": false }

/*eslint no-use-before-define: ["error", { "variables": false }]*/

console.log(foo);
var foo = 1;

选项的正确代码示例{ "variables": false }

/*eslint no-use-before-define: ["error", { "variables": false }]*/

function baz() {
    console.log(foo);
}

var foo = 1;

版本

该规则在 ESLint 0.0.9中引入。

资源

扫码关注腾讯云开发者

领取腾讯云代金券