$.extend() 详细用法
时间: 2023-09-04 19:11:58 浏览: 25
$.extend() 是 jQuery 中的一个方法,它用来将一个或多个对象的内容合并到目标对象中。
$.extend() 的基本语法如下:
```
$.extend(target, [object1], [object2], [objectN]);
```
其中,target 表示要合并到的目标对象,必须是第一个参数;[object1], [object2], [objectN] 表示要合并的一个或多个对象,可以省略。
$.extend() 可以实现的功能包括:
- 合并两个或多个对象;
- 将一个或多个对象的属性合并到目标对象中;
- 深度合并,即合并对象中的对象;
- 复制对象。
下面是 $.extend() 的一些常见用法:
1. 合并两个对象
```
var obj1 = {a: 1, b: 2};
var obj2 = {c: 3, d: 4};
var obj3 = $.extend(obj1, obj2);
console.log(obj3); // {a: 1, b: 2, c: 3, d: 4}
```
2. 合并多个对象
```
var obj1 = {a: 1, b: 2};
var obj2 = {c: 3, d: 4};
var obj3 = {e: 5, f: 6};
var obj4 = $.extend(obj1, obj2, obj3);
console.log(obj4); // {a: 1, b: 2, c: 3, d: 4, e: 5, f: 6}
```
3. 合并对象属性
```
var obj1 = {a: 1, b: 2};
var obj2 = {b: 3, c: 4};
var obj3 = $.extend(obj1, obj2);
console.log(obj3); // {a: 1, b: 3, c: 4}
```
4. 深度合并
```
var obj1 = {a: {b: 1, c: 2}};
var obj2 = {a: {b: 3, d: 4}, e: 5};
var obj3 = $.extend(true, obj1, obj2);
console.log(obj3); // {a: {b: 3, c: 2, d: 4}, e: 5}
```
5. 复制对象
```
var obj1 = {a: 1, b: 2};
var obj2 = $.extend({}, obj1);
console.log(obj2); // {a: 1, b: 2}
```