在JavaScript数组操作中，concat()方法是实现数组合并的常用手段。但你是否曾遇到这样的困惑：当尝试将类数组对象（如DOM元素集合）与普通数组拼接时，它并未像预期那样被扁平化处理，而是作为一个整体元素被添加？或者，在某些场景下，你反而希望阻止数组在合并时被自动展开，以保持其原有的嵌套结构？
这一切行为差异的背后，其实是由一个名为Symbol.isConcatSpreadable的符号属性所决定的。它充当着concat()方法内部的精密调节器，专门用于指示一个对象在参与合并时是否应当被展开处理。
简而言之，通过将对象的 Symbol.isConcatSpreadable 属性显式设置为 true 或 false，你可以明确告知 concat() 方法：“请将我的元素展开合并”或“请将我视为一个整体单元”。这并非隐秘技巧，而是ES6规范中明确提供的、允许开发者对内置方法行为进行精细化控制的标准能力。
使类数组对象具备数组般的展开能力
诸如document.querySelectorAll返回的NodeList、函数内部的arguments对象，或任何拥有length属性和数字键的自定义对象，它们形态上类似数组，但默认情况下concat()并不会展开它们。
此时，Symbol.isConcatSpreadable便能发挥关键作用。你只需手动为该对象添加此属性：
- 启用展开功能：执行
obj[Symbol.isConcatSpreadable] = true - 具体示例：
const nodeList = document.querySelectorAll('p'); nodeList[Symbol.isConcatSpreadable] = true; - 最终效果：此后，执行
['a', 'b'].concat(nodeList)将直接得到一个扁平化的新数组['a', 'b', pElement1, pElement2, ...]，无需预先使用Array.from()或扩展运算符进行转换。
阻止数组在合并时被自动展开
存在需要展开的场景，同样也存在需要维持结构完整性的场景。例如，当你希望构建多维数组，或需要确保某个数据集合在拼接后保持其独立层级时，便需要阻止其被自动扁平化。
- 临时关闭展开：设置
arr[Symbol.isConcatSpreadable] = false - 行为对比：通常，
[0].concat([1, 2])的结果是[0, 1, 2]。但如果为数组[1, 2]设置此属性为false，结果将变为[0, [1, 2]]，原数组将作为单个元素被添加。 - 核心须知：此设置仅作用于
concat()方法，不会影响push()、splice()或扩展运算符（...）等其他数组操作方式的行为。
掌握默认行为逻辑，规避意外结果
为何不同对象在concat()方法中表现不同？根源在于Symbol.isConcatSpreadable符号的默认值设定：
- 标准数组（Array）：默认
Symbol.isConcatSpreadable === true，因此它们总会被展开。 - 普通对象及类数组对象：默认此属性值为
undefined。在concat()的内部逻辑中，undefined被视同false，因此它们会作为整体项被添加。 - 关键机制：你无法更改内置数组类型的默认行为（其天生为
true），但可以通过显式将其设置为false来临时覆盖默认值，从而达到阻止展开的目的。
关注兼容性及使用边界条件
Symbol.isConcatSpreadable作为ES6（ES2015）标准的一部分，在现代浏览器和Node.js环境中均已得到良好支持。但在实际应用中，仍需注意以下几点边界：
- 作用域特定：它仅控制
concat()方法的展开行为。对象能否被扩展运算符（[...obj]）展开，取决于其是否实现了可迭代协议（Iterable），这是两套独立的机制。 - 不改变对象类型：设置此属性不会将对象转变为真正的数组，
Array.isArray(obj)的检测结果不会因此改变。 - 优先级规则：若一个对象同时满足
Array.isArray(obj) === true且显式设置了obj[Symbol.isConcatSpreadable] === false，则显式设置的false具有更高优先级，数组将不会被展开。
总结来说，Symbol.isConcatSpreadable是一个设计精巧且功能明确的工具，它将concat()方法的部分控制权交还给了开发者。当你需要对数组或类数组对象的合并行为进行精确调控时，请务必记得运用这个符号属性来实现你的意图。
