← Back to rules

eslint/vars-on-top 风格

它的作用

强制要求所有 var 声明都位于其所在作用域的顶部。

为什么这是不好的？

在 JavaScript 中，var 声明会被提升到其所在作用域的顶部。显式地将 var 声明置于顶部可以提高代码的可读性和可维护性，使变量的作用域更加清晰。

示例

此规则的 错误 代码示例：

function doSomething() {
  if (true) {
    var first = true;
  }
  var second;
}

function doSomethingElse() {
  for (var i = 0; i < 10; i++) {}
}

f();
var a;

class C {
  static {
    if (something) {
      var a = true;
    }
  }
  static {
    f();
    var a;
  }
}

此规则的 正确 代码示例：

function doSomething() {
  var first;
  var second;
  if (true) {
    first = true;
  }
}

function doSomethingElse() {
  var i;
  for (i = 0; i < 10; i++) {}
}

var a;
f();

class C {
  static {
    var a;
    if (something) {
      a = true;
    }
  }
  static {
    var a;
    f();
  }
}

如何使用

要通过配置文件或命令行工具 启用 此规则，可以使用：

配置文件 (.oxlintrc.json)

{
  "rules": {
    "vars-on-top": "error"
  }
}

命令行

oxlint --deny vars-on-top

参考资料

• 规则源码