no-new-func

禁止使用 Function 对象的 new 运算符

可以使用 Function 构造函数在运行时从字符串创建 JavaScript 函数，例如

var x = new Function("a", "b", "return a + b");
var x = Function("a", "b", "return a + b");
var x = Function.call(null, "a", "b", "return a + b");
var x = Function.apply(null, ["a", "b", "return a + b"]);
var x = Function.bind(null, "a", "b", "return a + b")();
1
2
3
4
5

由于这些类型的函数难以调试和阅读，因此许多人认为这是一种不好的做法。此外，内容安全策略 (CSP) 指令可能不允许使用 eval() 和类似方法从字符串创建代码。

规则详情

引发此错误是为了突出显示不好的做法。通过将字符串传递给 Function 构造函数，您要求引擎解析该字符串，就像您调用 eval 函数时一样。

此规则的 不正确 代码示例

在游乐场中打开

/*eslint no-new-func: "error"*/

var x = new Function("a", "b", "return a + b");
var x = Function("a", "b", "return a + b");
var x = Function.call(null, "a", "b", "return a + b");
var x = Function.apply(null, ["a", "b", "return a + b"]);
var x = Function.bind(null, "a", "b", "return a + b")();
var f = Function.bind(null, "a", "b", "return a + b"); // assuming that the result of Function.bind(...) will be eventually called.
1
2
3
4
5
6
7
8

此规则的正确代码示例

在游乐场中打开

/*eslint no-new-func: "error"*/

var x = function (a, b) {
    return a + b;
};
1
2
3
4
5

何时不使用它

在您确实需要使用 Function 构造函数的更高级情况下。

版本

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

资源

编辑此页面