版本

no-misleading-character-class

禁止在字符类语法中使用由多个代码点组成的字符

Recommended

配置文件中使用来自 @eslint/jsrecommended 配置启用此规则

💡 hasSuggestions

此规则报告的一些问题可以通过编辑器建议手动修复

Unicode 包括由多个代码点组成的字符。RegExp 字符类语法 (/[abc]/) 无法将由多个代码点组成的字符作为一个字符处理;这些字符将被分解为每个代码点。例如,❇️ (U+2747) 和 VARIATION SELECTOR-16 (U+FE0F) 组成。如果此字符在 RegExp 字符类中,它将匹配 (U+2747) 或 VARIATION SELECTOR-16 (U+FE0F),而不是 ❇️

此规则报告在字符类语法中包含多个代码点字符的正则表达式。此规则将以下字符视为多个代码点字符。

带有组合字符的字符

组合字符是属于 McMeMn Unicode 通用类别之一的字符。

/^[Á]$/u.test("Á"); //→ false
/^[❇️]$/u.test("❇️"); //→ false

带有 Emoji 修饰符的字符

/^[👶🏻]$/u.test("👶🏻"); //→ false
/^[👶🏽]$/u.test("👶🏽"); //→ false

一对区域指示符符号

/^[🇯🇵]$/u.test("🇯🇵"); //→ false

ZWJ 连接的字符

/^[👨‍👩‍👦]$/u.test("👨‍👩‍👦"); //→ false

不带 Unicode 标志的代理对

/^[👍]$/.test("👍"); //→ false

// Surrogate pair is OK if with u flag.
/^[👍]$/u.test("👍"); //→ true

规则详情

此规则报告在字符类语法中包含多个代码点字符的正则表达式。

此规则的错误代码示例

在 Playground 中打开
/*eslint no-misleading-character-class: error */

/^[Á]$/u;
/^[❇️]$/u;
/^[👶🏻]$/u;
/^[🇯🇵]$/u;
/^[👨‍👩‍👦]$/u;
/^[👍]$/;
new RegExp("[🎵]");

此规则的正确代码示例

在 Playground 中打开
/*eslint no-misleading-character-class: error */

/^[abc]$/;
/^[👍]$/u;
/^[\q{👶🏻}]$/v;
new RegExp("^[]$");
new RegExp(`[Á-${z}]`, "u"); // variable pattern

选项

此规则有一个对象选项

  • "allowEscape": 当设置为 true 时,该规则允许字符类内的任何代码点组合,只要它们是使用转义序列编写的。此选项仅对正则表达式字面量和使用字面量参数作为模式的 RegExp 构造函数创建的正则表达式有效。

allowEscape

使用 { "allowEscape": true } 选项时,此规则的错误代码示例

在 Playground 中打开
/* eslint no-misleading-character-class: ["error", { "allowEscape": true }] */

/[\👍]/; // backslash can be omitted

new RegExp("[\ud83d" + "\udc4d]");

const pattern = "[\ud83d\udc4d]";
new RegExp(pattern);

使用 { "allowEscape": true } 选项时,此规则的正确代码示例

在 Playground 中打开
/* eslint no-misleading-character-class: ["error", { "allowEscape": true }] */

/[\ud83d\udc4d]/;
/[\u00B7\u0300-\u036F]/u;
/[👨\u200d👩]/u;
new RegExp("[\x41\u0301]");
new RegExp(`[\u{1F1EF}\u{1F1F5}]`, "u");
new RegExp("[\\u{1F1EF}\\u{1F1F5}]", "u");

何时不使用

如果您不想检查 RegExp 字符类语法中是否存在多个代码点字符,则可以关闭此规则。

版本

此规则在 ESLint v5.3.0 中引入。

资源

更改语言