# no-implicit-coercion

禁止速记类型转换

一些该规则报告的问题可以通过 --fix 命令行选项 自动修复

在 JavaScript 中,有很多不同的方法可以转换值类型。其中一些可能难以阅读和理解。

如:

var b = !!foo;
var b = ~foo.indexOf(".");
var n = +foo;
var n = 1 * foo;
var s = "" + foo;
foo += ``;

这些可以替换为以下代码:

var b = Boolean(foo);
var b = foo.indexOf(".") !== -1;
var n = Number(foo);
var n = Number(foo);
var s = String(foo);
foo = String(foo);

# 规则详情

该规则旨在为类型转换标记较短的符号,然后提出更不言自明的符号。

# 选项

此规则具有三个主要选项和一个覆盖选项以允许根据需要进行一些强制。

  • "boolean"(默认为 true)- 当这是 true 时,此规则警告 boolean 类型的较短类型转换。
  • "number"(默认为 true)- 当这是 true 时,此规则警告 number 类型的较短类型转换。
  • "string"(默认为 true)- 当这是 true 时,此规则警告 string 类型的较短类型转换。
  • "disallowTemplateShorthand"(默认为 false)- 当这是 true 时,此规则警告使用 ${expression} 形式的 string 类型转换。
  • "allow"(默认为 empty)- 此数组中的每个条目都可以是允许的 ~!!+* 之一。

请注意,allow 列表中的运算符 + 将允许 +foo(数字强制)以及 "" + foo(字符串强制)。

# boolean

默认 { "boolean": true } 选项的错误代码示例:

/*eslint no-implicit-coercion: "error"*/

var b = !!foo;
var b = ~foo.indexOf(".");
// bitwise not is incorrect only with `indexOf`/`lastIndexOf` method calling.

默认 { "boolean": true } 选项的正确代码示例:

/*eslint no-implicit-coercion: "error"*/

var b = Boolean(foo);
var b = foo.indexOf(".") !== -1;

var n = ~foo; // This is a just bitwise not.

# number

默认 { "number": true } 选项的错误代码示例:

/*eslint no-implicit-coercion: "error"*/

var n = +foo;
var n = 1 * foo;

默认 { "number": true } 选项的正确代码示例:

/*eslint no-implicit-coercion: "error"*/

var n = Number(foo);
var n = parseFloat(foo);
var n = parseInt(foo, 10);

# string

默认 { "string": true } 选项的错误代码示例:

/*eslint no-implicit-coercion: "error"*/

var s = "" + foo;
var s = `` + foo;
foo += "";
foo += ``;

默认 { "string": true } 选项的正确代码示例:

/*eslint no-implicit-coercion: "error"*/

var s = String(foo);
foo = String(foo);

# disallowTemplateShorthand

此选项不受 string 选项的影响。

{ "disallowTemplateShorthand": true } 选项的错误代码示例:

/*eslint no-implicit-coercion: ["error", { "disallowTemplateShorthand": true }]*/

var s = `${foo}`;

{ "disallowTemplateShorthand": true } 选项的正确代码示例:

/*eslint no-implicit-coercion: ["error", { "disallowTemplateShorthand": true }]*/

var s = String(foo);

var s = `a${foo}`;

var s = `${foo}b`;

var s = `${foo}${bar}`;

var s = tag`${foo}`;

默认 { "disallowTemplateShorthand": false } 选项的正确代码示例:

/*eslint no-implicit-coercion: ["error", { "disallowTemplateShorthand": false }]*/

var s = `${foo}`;

# allow

使用 allow 列表,我们可以覆盖并允许特定的运算符。

示例 { "allow": ["!!", "~"] } 选项的正确代码示例:

/*eslint no-implicit-coercion: [2, { "allow": ["!!", "~"] } ]*/

var b = !!foo;
var b = ~foo.indexOf(".");

# 何时不使用

如果您不想收到有关类型转换的较短符号的通知,您可以安全地禁用此规则。

Last Updated: 5/13/2023, 8:55:38 PM