no-misleading-character-class
禁止在字符类语法中使用由多个代码点组成的字符
Unicode 包括由多个代码点组成的字符。RegExp 字符类语法 (/[abc]/
) 无法将由多个代码点组成的字符作为一个字符处理;这些字符将被分解为每个代码点。例如,❇️
由 ❇
(U+2747
) 和 VARIATION SELECTOR-16 (U+FE0F
) 组成。如果此字符在 RegExp 字符类中,它将匹配 ❇
(U+2747
) 或 VARIATION SELECTOR-16 (U+FE0F
),而不是 ❇️
。
此规则报告在字符类语法中包含多个代码点字符的正则表达式。此规则将以下字符视为多个代码点字符。
带有组合字符的字符
组合字符是属于 Mc
、Me
和 Mn
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();
const pattern = "[\ud83d\udc4d]";
new RegExp();
使用 { "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 中引入。