jQuery extend() 方法

jQuery 的 extend() 方法将两个或更多对象的内容合并到第一个对象中。此方法返回合并后的对象。

语法

extend() 方法常用的语法如下。

此方法接受四个参数，定义如下。

deep：这是一个布尔型参数。如果将其指定为 true，则合并将是递归的。不支持其 false 值。

target：这是一个要扩展的对象。它接收来自传入的附加对象的新属性。

object1：这是一个包含要合并到目标对象中的附加属性的对象。

objectN：这是包含要合并到目标对象中的属性的附加对象。

如果将单个参数传递给 extend() 方法，则表示省略了 target 参数。在这种情况下，JQuery 对象被视为目标。

如果将两个参数传递给 extend() 方法，则所有对象的属性都将添加到目标对象。例如，null 或 undefined 等参数将被忽略。

让我们看一些使用 extend() 方法的示例。

示例 1

在此示例中，有两个名为 obj1 和 obj2 的对象。我们正在使用 jQuery 的 extend() 方法合并这两个对象。默认情况下，extend() 方法执行的合并不是递归的，因此，默认情况下，第一个对象的属性将被后续对象中具有相同键的属性完全覆盖。

在这里，对象 obj1 和 obj2 没有递归合并，因为我们没有指定 extend() 方法的第一个参数的值。如果将其设置为 true，则对象将递归合并。

在输出中，我们可以看到新的合并对象。

输出

执行上述代码后，输出将是 -

示例 2

在此示例中，我们正在递归合并两个对象。这是通过将 true 值传递给 extend() 方法的第一个参数来完成的。

输出

执行上述代码后，输出将是 -