no-confusing-arrow

禁止箭头函数在可能与比较运算符混淆的地方使用

箭头函数 (=>) 在语法上与某些比较运算符 (>, <, <=, 和 >=) 相似。此规则警告不要在可能与比较运算符混淆的地方使用箭头函数语法。

这是一个 => 的用法可能令人困惑的例子

// The intent is not clear
var x = a => 1 ? 2 : 3;
// Did the author mean this
var x = function (a) {
    return 1 ? 2 : 3;
};
// Or this
var x = a <= 1 ? 2 : 3;
1
2
3
4
5
6
7
8

规则详情

此规则的错误代码示例

/*eslint no-confusing-arrow: "error"*/

var x = a => 1 ? 2 : 3;
var x = (a) => 1 ? 2 : 3;
1
2
3
4

此规则的正确代码示例

/*eslint no-confusing-arrow: "error"*/

var x = a => (1 ? 2 : 3);
var x = (a) => (1 ? 2 : 3);
var x = (a) => {
    return 1 ? 2 : 3;
};
var x = a => { return 1 ? 2 : 3; };
1
2
3
4
5
6
7
8

选项

此规则接受两个选项参数，默认值如下

{
    "rules": {
        "no-confusing-arrow": [
            "error",
            { "allowParens": true, "onlyOneSimpleParam": false }
        ]
    }
}
1
2
3
4
5
6
7
8

allowParens 是一个布尔值设置，可以是 true（默认）或 false

1. true 放宽了规则，并接受括号作为有效的“防止混淆”语法。
2. false 即使表达式包含在括号中也会发出警告

此规则的 {"allowParens": false} 选项的错误代码示例

/*eslint no-confusing-arrow: ["error", {"allowParens": false}]*/

var x = a => (1 ? 2 : 3);
var x = (a) => (1 ? 2 : 3);
1
2
3
4

onlyOneSimpleParam 是一个布尔值设置，可以是 true 或 false（默认）

1. true 放宽了规则，如果箭头函数有 0 个或多于 1 个参数，或者参数不是标识符，则不会报告错误。
2. false 无论参数如何都会发出警告。

此规则的 {"onlyOneSimpleParam": true} 选项的正确代码示例

/*eslint no-confusing-arrow: ["error", {"onlyOneSimpleParam": true}]*/

() => 1 ? 2 : 3;
(a, b) => 1 ? 2 : 3;
(a = b) => 1 ? 2 : 3;
({ a }) => 1 ? 2 : 3;
([a]) => 1 ? 2 : 3;
(...a) => 1 ? 2 : 3;
1
2
3
4
5
6
7
8

相关规则

• no-constant-condition
• arrow-parens

版本

此规则在 ESLint v2.0.0-alpha-2 中引入。

资源

• 规则来源
• 测试来源