TypeScript ESLint 项目中字符串展开操作符的正确使用方式

在 TypeScript ESLint 项目中，关于字符串展开操作符(...)的使用一直存在争议。本文将深入探讨这个问题，帮助开发者理解其中的技术细节和最佳实践。

字符串展开操作符的本质

在 JavaScript/TypeScript 中，字符串展开操作符(...)会将字符串拆分为 Unicode 码点(code points)。例如：

const s = "螺𩷶屬";
console.log([...s]); // 正确输出: ["螺","𩷶","屬"]

这种展开方式能够正确处理基本多文种平面(BMP)之外的字符，如一些生僻汉字和表情符号。

传统 split 方法的局限性

许多开发者习惯使用 split('') 方法来分割字符串，但这种方法存在严重缺陷：

const s = "螺𩷶屬";
console.log(s.split('')); // 错误输出: ["螺","\ud867","\uddf6","屬"]

split('') 实际上是将字符串拆分为 UTF-16 码元(code units)，对于补充平面字符(如𩷶)会产生无效的代理对(surrogate pairs)。

TypeScript ESLint 规则的演变

TypeScript ESLint 的 no-misused-spread 规则最初建议避免使用字符串展开操作符，并推荐使用 split('') 替代。但经过深入讨论，核心团队认识到：

1. 两种方法都有各自的适用场景和局限性
2. 字符串展开操作符在大多数情况下更符合开发者预期
3. split('') 的替代建议实际上会引入国际化(i18n)问题

最佳实践建议

基于当前共识，我们推荐：

1. 当需要按 Unicode 码点处理字符串时，使用展开操作符是正确选择
2. 避免使用 split('') 处理可能包含补充平面字符的文本
3. 对于需要 UTF-16 码元的特殊场景，应添加明确注释说明意图

未来发展方向

ECMAScript 可能会引入更明确的字符串处理方法，如 codePoints() 或 codeUnits()。在此之前，字符串展开操作符仍然是处理 Unicode 码点的最佳实践。

TypeScript ESLint 团队正在调整相关规则，以更准确地反映字符串处理的复杂性，避免给出可能产生误导的建议。