Skip to content
← Back to rules

eslint/vars-on-top Style

作用

强制所有 var 声明都放在其所在作用域的顶部。

为什么这不好?

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

示例

以下是此规则的错误代码示例:

js
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;
  }
}

以下是此规则的正确代码示例:

js
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();
  }
}

如何使用

To enable this rule using the config file or in the CLI, you can use:

json
{
  "rules": {
    "vars-on-top": "error"
  }
}
ts
import { defineConfig } from "oxlint";

export default defineConfig({
  rules: {
    "vars-on-top": "error",
  },
});
bash
oxlint --deny vars-on-top

版本

此规则添加于 v0.15.4。

参考资料