$.extend()使用详解

1. jquery.extend(), 为jQuery类添加类方法

例子1

image.png

例子2

image.png

调用直接用$.类名

image.png

2. jquery.extend(), 将两个或更多对象的内容合并到第一个对象。

image.png

 

当我们提供两个或多个对象给$.extend()，对象的所有属性都添加到目标对象（target参数）。

如果只有一个参数提供给$.extend()，这意味着目标参数被省略。在这种情况下，jQuery对象本身被默认为目标对象。这样，我们可以在jQuery的命名空间下添加新的功能。

例子1 合并两个对象，并修改第一个对象

image.png

 

在默认情况下，通过$.extend()合并操作不是递归的;如果第一个对象的属性本身是一个对象或数组，那么它将完全用第二个对象相同的key重写一个属性。这些值不会被合并。

例子2 采用递归方式合并两个对象，并修改第一个对象。

image.png

如果将 true 作为该函数的第一个参数，那么会在对象上进行递归的合并。

例子3 合并 defaults 和 options 对象，并且不修改 defaults 对象

image.png

 

请记住，目标对象（第一个参数）将被修改，并且将通过$.extend()返回。然而，如果我们想保留原对象，我们可以通过传递一个空对象作为目标对象：

varobject = $.extend({}, object1, object2);