jQuery.extend()函数可以实现对象的合并,它可以将多个对象合并成一个,也可以将一个对象的属性扩展到一个对象上。
// 合并多个对象 var obj1 = {name: 'Tom', age: 18}; var obj2 = {hobby: 'swim'}; var obj3 = {height: 180}; jQuery.extend(obj1, obj2, obj3); console.log(obj1); // {name: "Tom", age: 18, hobby: "swim", height: 180} // 扩展对象属性 var obj4 = {name: 'Tom', age: 18}; var obj5 = {hobby: 'swim', height: 180}; jQuery.extend(obj4, obj5); console.log(obj4); // {name: "Tom", age: 18, hobby: "swim", height: 180}
使用jQuery.extend()函数时,需要注意以下几点:
- 如果多个对象中有同名属性,则一个对象的属性值会覆盖前面的属性值;
- 如果第一个参数是Boolean类型,则可以指定是否深度复制;
- 如果第一个参数是对象,则可以将后面的对象扩展到第一个对象中;
- 如果第一个参数不是对象,则可以将后面的对象合并成一个新的对象。
jQuery.extend()函数可以帮助我们实现对象的合并,使用起来非常方便。