jQuery的extend()与fn.extend()深度解析

"jQuery中的extend()和fn.extend()方法是用来扩展和合并对象的工具，它们在jQuery库中扮演着重要角色。extend()方法主要用于合并多个对象的属性到一个目标对象，而fn.extend()方法则是用来扩展jQuery对象的核心功能，即为jQuery实例添加新的方法。这两种方法都是基于相同的实现，但作用范围不同。extend()适用于全局作用域和对象，而fn.extend()则专门用于jQuery对象的实例。" jQuery.extend()方法详解： extend()方法允许我们将多个对象的属性合并到一个目标对象中。例如，在提供的代码片段中，我们有obj1和obj2两个对象，通过$.extend(obj1, obj2)，obj1将包含obj2的所有属性，如果两者有相同的属性，obj1的属性会被obj2的属性覆盖。这种功能在处理配置选项、合并数据或构建复杂的对象结构时非常有用。 ```javascript var obj1 = {name: 'Tom', age: 22}; var obj2 = {name: 'Jack', height: 180}; console.log($.extend(obj1, obj2)); // 输出：{name: "Jack", age: 22, height: 180} ``` 另外，extend()还可以接受一个布尔值作为第一个参数，如果为true，它会进行深度复制，即递归地合并嵌套的对象。这在处理包含复杂数据结构的对象时特别有用。 jQuery.fn.extend()方法详解： jQuery.fn.extend()与jQuery.extend()类似，但它的作用是向jQuery原型对象（jQuery.fn，即jQuery.prototype）添加新方法，这样新方法就可以被所有jQuery对象实例调用。这通常用于创建自定义插件，因为它们需要向jQuery对象添加额外的功能。 ```javascript $.fn.extend({ hehe: function() { alert('hehe'); } }); $('img').hehe(); // 触发alert('hehe') ``` 在这个例子中，`hehe`方法被添加到jQuery的原型上，现在可以作为一个jQuery对象的方法调用。 在jQuery库内部，extend()方法也被用来添加和扩展jQuery的核心功能，如在提供的代码片段中所示的`noConflict()`方法的实现。 总结： jQuery.extend()和jQuery.fn.extend()是jQuery扩展功能的关键工具。extend()用于合并和扩展对象属性，而fn.extend()则专用于扩展jQuery对象的方法，使开发者能够轻松地增强jQuery的功能和自定义行为。理解并熟练运用这两个方法对于深入理解和开发jQuery插件至关重要。