noShadow

JavaScript (and super languages)

摘要

¥Summary

规则生效日期：v2.0.0

¥Rule available since: v2.0.0
诊断类别：lint/nursery/noShadow

¥Diagnostic Category: lint/nursery/noShadow
此规则没有修复方案。

¥This rule doesn’t have a fix.
此规则的默认严重级别为 information。

¥The default severity of this rule is information.
来源：

¥Sources:
- 与 no-shadow 相同
  
  ¥Same as no-shadow

如何配置

¥How to configure

1
{
2
  "linter": {
3
    "rules": {
4
      "nursery": {
5
        "noShadow": "error"
6
      }
7
    }
8
  }
9
}

描述

¥Description

禁止变量声明覆盖外部作用域中声明的变量。

¥Disallow variable declarations from shadowing variables declared in the outer scope.

变量阴影是指局部变量与其所在作用域中的变量同名。这可能会导致阅读代码时产生困惑，并导致无法访问全局变量。

¥Shadowing is the process by which a local variable shares the same name as a variable in its containing scope. This can cause confusion while reading the code and make it impossible to access the global variable.

另请参阅：noShadowRestrictedNames

¥See also: noShadowRestrictedNames

示例

¥Examples

无效

¥Invalid

1
const foo = "bar";
2
if (true) {
3
   const foo = "baz";
4
}

code-block.js:3:10 lint/nursery/noShadow ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  ℹ This variable shadows another variable with the same name in the outer scope.
  
    1 │ const foo = “bar”;
    2 │ if (true) {
  > 3 │    const foo = “baz”;
      │          ^^^
    4 │ }
    5 │ 
  
  ℹ This is the shadowed variable, which is now inaccessible in the inner scope.
  
  > 1 │ const foo = “bar”;
      │       ^^^
    2 │ if (true) {
    3 │    const foo = “baz”;
  
  ℹ Consider renaming this variable. It’s easy to confuse the origin of variables if they share the same name.

函数中的变量声明可能会覆盖外部作用域中的变量：

¥Variable declarations in functions can shadow variables in the outer scope:

1
const foo = "bar";
2
const bar = function () {
3
    const foo = 10;
4
}

code-block.js:3:11 lint/nursery/noShadow ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  ℹ This variable shadows another variable with the same name in the outer scope.
  
    1 │ const foo = “bar”;
    2 │ const bar = function () {
  > 3 │     const foo = 10;
      │           ^^^
    4 │ }
    5 │ 
  
  ℹ This is the shadowed variable, which is now inaccessible in the inner scope.
  
  > 1 │ const foo = “bar”;
      │       ^^^
    2 │ const bar = function () {
    3 │     const foo = 10;
  
  ℹ Consider renaming this variable. It’s easy to confuse the origin of variables if they share the same name.

函数参数名称可能会覆盖外部作用域中的变量：

¥Function argument names can shadow variables in the outer scope:

1
const foo = "bar";
2
function bar(foo) {
3
    foo = 10;
4
}

code-block.js:2:14 lint/nursery/noShadow ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  ℹ This variable shadows another variable with the same name in the outer scope.
  
    1 │ const foo = “bar”;
  > 2 │ function bar(foo) {
      │              ^^^
    3 │     foo = 10;
    4 │ }
  
  ℹ This is the shadowed variable, which is now inaccessible in the inner scope.
  
  > 1 │ const foo = “bar”;
      │       ^^^
    2 │ function bar(foo) {
    3 │     foo = 10;
  
  ℹ Consider renaming this variable. It’s easy to confuse the origin of variables if they share the same name.

有效

¥Valid

1
const foo = "bar";
2
if (true) {
3
   const qux = "baz";
4
}

noShadow

摘要

如何配置

描述

示例

无效

有效

相关链接