如何利用 Symbol.iterator 为原始字符串手动挂载符合业务逻辑的自定义迭代器-js教程-PHP中文网

JavaScript中无法直接在原始字符串（如"abc"）上定义Symbol.iterator，因其为只读基本类型；推荐通过封装可迭代类、工厂函数或受控环境下的原型扩展来实现自定义迭代逻辑。

如何利用 symbol.iterator 为原始字符串手动挂载符合业务逻辑的自定义迭代器

可以直接在字符串实例上定义 Symbol.iterator，但需注意：原始字符串是基本类型，无法直接添加属性；必须通过包装对象（如 String 构造函数创建的对象）或借助原型扩展（不推荐污染原生原型）来实现。更合理的方式是封装一个支持自定义迭代逻辑的可迭代类或工具函数。

理解字符串默认迭代器与限制

原始字符串（如 "abc"）本身不可写，Symbol.iterator 是只读属性，不能直接赋值：

❌ 错误示例：

"hello"[Symbol.iterator] = function*() { yield "custom"; } // TypeError: Cannot assign to read only property

JavaScript 会自动将原始字符串装箱为 String 对象用于方法调用，但该对象是临时的、不可持久修改的。

安全可行的三种实现方式

1. 封装为自定义可迭代类（推荐）
定义一个类，内部持有字符串，并实现自己的 Symbol.iterator 方法，完全控制迭代行为：

构造时接收原始字符串和业务参数（如分块大小、过滤规则、映射逻辑）
在 [Symbol.iterator]() 中返回符合业务需求的生成器或迭代器对象
保持原始字符串不可变，避免副作用

例如：按字节长度切分中文混合字符串（解决 UTF-16 代理对问题）：

class ChunkedString {
  constructor(str, byteLimit = 3) {
    this.str = str;
    this.byteLimit = byteLimit;
  }
  *[Symbol.iterator]() {
    let i = 0;
    while (i  0xFFFF) ? 4 : (code > 0x7F) ? 3 : 1;
        if (bytes 

<p><strong>2. 使用工厂函数返回可迭代对象</strong><br>
轻量级替代方案，不依赖 class，适合简单逻辑：</p>

输入字符串和配置，返回一个带 Symbol.iterator 的普通对象
迭代器内可访问闭包中的字符串和参数，状态隔离
适合一次性的、逻辑明确的迭代场景

function createWordIterator(str, separator = /\s+/) {
  const words = str.split(separator).filter(w => w);
  return {
    [Symbol.iterator]: function*() {
      for (const word of words) {
        yield word.toUpperCase(); // 业务逻辑：转大写
      }
    }
  };
}
for (const w of createWordIterator("hello world")) console.log(w); // "HELLO" "WORLD"

3. 扩展 String.prototype（仅限受控环境）
仅在确定不会影响其他代码（如私有库、CLI 工具）时使用：