使用jQuery $.extend合并含数组对象：是否为并集？如何实现预期结果？

嘿，这个问题问得特别典型！很多刚接触$.extend的开发者都会对它的合并逻辑产生困惑，我来给你把这事掰扯明白～

1. 先给结论：默认结果是符合规则的，但不是“简单所有内容并集” #

首先得明确：$.extend的默认行为是浅拷贝+属性覆盖，不是递归合并所有层级的属性。举个实际场景的例子，假设你要合并的三个对象是这样的：

const obj1 = { name: "Alice", settings: { theme: "light" } };
const obj2 = { age: 25, settings: { fontSize: 16 } };
const obj3 = { age: 26, hobby: "reading" };

如果用默认写法$.extend(obj1, obj2, obj3)，你实际得到的结果会是：

{
  name: "Alice",
  age: 26, // obj3的age覆盖了obj2的age
  settings: { fontSize: 16 }, // obj2的settings直接替换了obj1的settings，没合并内部属性
  hobby: "reading"
}

如果你预期settings会变成{theme: "light", fontSize: 16}，那实际结果肯定和预期不符，但这个结果是完全符合$.extend默认逻辑的——它只会处理顶层属性，嵌套对象会直接被后面的同名属性覆盖，不会深入合并。

2. 如何实现你想要的“全内容并集（含嵌套对象）”？ #

要实现递归合并所有层级的属性（也就是深拷贝模式），只需要给$.extend的第一个参数传true，同时建议传入一个空对象作为目标（避免修改原对象）：

const mergedResult = $.extend(true, {}, obj1, obj2, obj3);

用上面的例子，这个写法得到的结果就是你预期的“并集”：

{
  name: "Alice",
  age: 26, // 同名基础属性依然是后面的覆盖前面的，这是合理的
  settings: { theme: "light", fontSize: 16 }, // 嵌套对象被合并了
  hobby: "reading"
}

这里要注意：即使开启深拷贝，同名的基础类型属性（数字、字符串、布尔值等）还是会被后面的对象覆盖——毕竟这类属性没法“合并”，只能取最后一个值，这是符合逻辑的。

3. 额外的小提醒 #

• 如果你不传入空对象作为目标（比如直接$.extend(obj1, obj2, obj3)），会直接修改第一个对象obj1，可能会带来意外的副作用，所以尽量用空对象作为目标来生成新的合并对象。
• 对于数组类型的属性，$.extend在深拷贝时会把数组当成普通对象处理，比如obj1: { tags: ["js"] }, obj2: { tags: ["jquery"] }，合并后会得到tags: ["jquery"]（索引0被覆盖），而不是["js", "jquery"]。如果需要合并数组，得自己额外写逻辑处理。

内容的提问来源于stack exchange，提问作者sazr