展开运算符（spread syntax）在 javascript 中通过调用对象的 [symbol.iterator] 方法，将可迭代对象转换为参数列表或数组元素。要理解它，核心在于明白它不是简单的复制，而是触发迭代器协议：引擎会获取迭代器，循环调用 next() 直到 done 为 true，并将每次的 value 提取出来。如果对象没有实现该协议，展开时会抛出 typeerror。
展开运算符如何触发迭代器协议
当你在代码中使用 [...iterable] 时，JavaScript 引擎首先检查该对象是否包含 Symbol.iterator 属性。如果存在，它会调用该方法获取一个迭代器对象。接着，引擎进入一个内部循环，反复调用迭代器的 next() 方法。只要返回值的 done 属性为 false，引擎就会将 value 属性收集起来。这个过程一直持续到 done 变为 true 或发生错误为止。最终，收集到的所有值被组装成一个新的数组或作为函数的参数传递。
function* generateNumbers() {
yield 1;
yield 2;
yield 3;
}
const iterator = generateNumbers();
console.log(iterator.next()); // { value: 1, done: false }
console.log(iterator.next()); // { value: 2, done: false }
console.log(iterator.next()); // { value: 3, done: false }
console.log(iterator.next()); // { value: undefined, done: true }
// 使用展开运算符
const arr = [...generateNumbers()];
console.log(arr); // [1, 2, 3]上述代码展示了生成器函数生成的迭代器。展开运算符自动处理了 next() 的多次调用和状态管理，使得开发者无需手动编写循环逻辑即可将迭代结果转化为数组。
哪些内置对象支持展开运算符
JavaScript 中的许多内置对象都实现了可迭代协议，因此可以直接使用展开运算符。最常见的包括数组（Array）、字符串（String）、Map 和 Set。这些对象在原型链上定义了 Symbol.iterator，使得它们可以被展开。例如，字符串会被拆分为单个字符组成的数组，Map 会被拆分为键值对数组，而 Set 则保持其唯一值的特性。
立即学习“Java免费学习笔记（深入）”；
// 字符串展开 const str = "hello"; console.log([...str]); // ['h', 'e', 'l', 'l', 'o'] // Map 展开 const map = new Map([['a', 1], ['b', 2]]); console.log([...map]); // [['a', 1], ['b', 2]] // Set 展开 const set = new Set([1, 2, 2, 3]); console.log([...set]); // [1, 2, 3]
需要注意的是，普通的对象（Object）默认不支持展开运算符，因为它们没有实现 Symbol.iterator。如果尝试展开一个普通对象，如 [...{ a: 1 }]，将会抛出 TypeError: object is not iterable。如果需要展开对象，通常需要先将其转换为数组，例如使用 Object.entries() 或 Object.values()。
const obj = { a: 1, b: 2 };
// console.log([...obj]); // TypeError
// 正确做法
console.log([...Object.entries(obj)]); // [['a', 1], ['b', 2]]
console.log([...Object.values(obj)]); // [1, 2]通过对比可以看出，只有显式实现了迭代协议的对象才能被直接展开。对于未实现的类型，必须借助辅助方法进行转换。
展开运算符在处理类数组对象时的行为
类数组对象（Array-like objects），如 arguments、NodeList 或具有 length 属性和索引属性的对象，虽然看起来像数组，但默认并不具备 Symbol.iterator 方法。因此，直接使用展开运算符展开类数组对象在某些环境下可能会失败，或者依赖于宿主环境的具体实现。在现代浏览器中，NodeList 已经实现了迭代协议，可以直接展开，但 arguments 对象通常需要借助 Array.from() 或展开运算符（如果环境支持）来转换。
function testArgs() {
// arguments 是类数组对象
console.log(arguments instanceof Array); // false
// 在现代 ES6+ 环境中，arguments 通常不被视为可迭代对象
// 除非显式实现 Symbol.iterator
try {
const argsArr = [...arguments];
console.log(argsArr); // 在某些环境中可能报错
} catch (e) {
console.log(e.message); // object is not iterable
}
// 安全的方式是使用 Array.from 或剩余参数
const safeArgs = Array.from(arguments);
console.log(safeArgs);
}
testArgs(1, 2, 3); // [1, 2, 3]在实际开发中，为了避免兼容性问题，推荐使用剩余参数（Rest Parameters）语法 function test(...args) 来接收可变数量的参数，这比处理 arguments 对象更直观且符合现代 JavaScript 规范。展开运算符主要用于将已知的可迭代对象转换为数组，而不是用于将类数组对象转换为数组的首选方法，尽管在某些现代环境中它也能工作。
