jQuery.extend()方法

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接： https://blog.csdn.net/fukaiit/article/details/97972707

1. 作用

将一个或多个对象合并到目标对象；
如果多个对象具有相同属性，则后者会覆盖前者的属性值。

2. 语法

$.extend( [deep, ][target, ]object1 [, objectN ] )

• deep：表示是否深度合并；不支持传false，要么没有，要么true；默认false。
• target：目标对象；默认JQuery对象本身。
• object1…N：被合并的对象。

实例1：普通合并

var obj1={
	apple: 10,
    banana: {weight: 52, price: 100}
};
var obj2={
	banana: {price: 200},
    cherry: 100
};
$.extend(obj1, obj2);
console.log(obj1);

result:

{"apple":10,"banana":{"price":200},"cherry":100}

实例2：深度合并

var obj1={
	apple: 10,
    banana: {weight: 52, price: 100}
};
var obj2={
	banana: {price: 200},
    cherry: 100
};
$.extend(true, obj1, obj2);
console.log(JSON.stringify(obj1));

result:

{"apple":10,"banana":{"weight":52,"price":200},"cherry":100}

实例3：合并 defaults 和 options 对象

合并 defaults 和 options 对象，并且不修改 defaults 对象。这是常用插件开发模式。

var defaults = {
    color: "red",
    fontSize: 12
};
var options = {
    color: "green"
};
//不会改变defaults
var settings = $.extend({}, defaults, options);
console.log(settings);

result:

{color: "green", fontSize: 12}

实例4：扩展jQuery方法

如果只有一个参数，则意味着参数target被省略。此时，target就是调用extend方法的对象。

• $.extend(src)：将src合并到jquery的全局对象中
• $.fn.extend(src)：将src合并到jquery的实例对象中

$.extend({
	sayHello: function (msg) {
		alert(msg);
	}
});
$.sayHello('hellooooo');