no-this-before-super

在构造函数中禁止在调用 `super()` 之前使用 `this`/`super`

✅

在配置文件中使用来自 `@eslint/js` 的 `recommended` 配置将启用此规则

在派生类的构造函数中，如果在 `super()` 调用之前使用 `this`/`super`，则会引发引用错误。

此规则检查构造函数中的 `this`/`super` 关键字，然后报告在 `super()` 之前的那些关键字。

规则详情

此规则旨在标记在 `super()` 调用之前出现的 `this`/`super` 关键字。

示例

此规则的**错误**代码示例

在代码游乐场中打开

/*eslint no-this-before-super: "error"*/

class A1 extends B {
    constructor() {
        this.a = 0;
        super();
    }
}

class A2 extends B {
    constructor() {
        this.foo();
        super();
    }
}

class A3 extends B {
    constructor() {
        super.foo();
        super();
    }
}

class A4 extends B {
    constructor() {
        super(this.foo());
    }
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28

此规则的**正确**代码示例

在代码游乐场中打开

/*eslint no-this-before-super: "error"*/

class A1 {
    constructor() {
        this.a = 0; // OK, this class doesn't have an `extends` clause.
    }
}

class A2 extends B {
    constructor() {
        super();
        this.a = 0; // OK, this is after `super()`.
    }
}

class A3 extends B {
    foo() {
        this.a = 0; // OK. this is not in a constructor.
    }
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

何时不使用它

如果您不想收到在构造函数中在 `super()` 之前使用 `this`/`super` 的通知，您可以安全地禁用此规则。

由 TypeScript 处理

在使用 TypeScript 时禁用此规则是安全的，因为 TypeScript 的编译器强制执行此检查。

版本

此规则是在 ESLint v0.24.0 中引入的。

资源

编辑此页面