jQuery中$.extend(true,object1, object2);深拷贝对象

前端之家收集整理的这篇文章主要介绍了jQuery中$.extend(true,object1, object2);深拷贝对象前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

语法:jQuery.extend( [deep ],target,object1 [,objectN ] )

深浅拷贝对应的参数就是[deep],是可选的,为true或false。默认情况是false(浅拷贝),并且false是不能够显示的写出来的。如果想写,只能写true(深拷贝)

测试例子:

object1 = object2 =333100console.log('原来的object1--->'+<span style="color: #000000;">JSON.stringify(object1));
console.log(
'原来的object2--->'+<span style="color: #000000;">JSON.stringify(object2));
$.extend(
<span style="color: #0000ff;">true
<span style="color: #000000;">,object1,object2);
object1.b.mm
= 600<span style="color: #000000;">;
console.log(
'新的object1--->'+<span style="color: #000000;">JSON.stringify(object1));
console.log('新的object2--->'+JSON.stringify(object2));

 

测试结果

 

由测试结果知道,jQuery中$.extend(true,object2);可以深拷贝对象,拷贝之后,改变其中一个对象的属性值,对另外一个没有影响。

接着在继续深入理解

测试例子

object1 =01122 object2 =333100<span style="color: #008000;">//<span style="color: #008000;">默认情况浅拷贝<span style="color: #008000;">
//
<span style="color: #008000;">object1--->{"apple":0,"banana":{"price":200},"cherry":97,"durian":100}
<span style="color: #008000;">
//
<span style="color: #008000;">object2的banner覆盖了object1的banner,但是weight属性未被继承
<span style="color: #008000;">
//
<span style="color: #008000;">$.extend(object1,object2);

<span style="color: #008000;">//<span style="color: #008000;">深拷贝<span style="color: #008000;">
//<span style="color: #008000;">object1--->{"apple":0,"banana":{"weight":52,"price":200},"durian":100}<span style="color: #008000;">
//<span style="color: #008000;">object2的banner覆盖了object1的banner,但是weight属性也被继承了呦
$.extend(<span style="color: #0000ff;">true<span style="color: #000000;">,object2);
console.log('原来的object1--->'+<span style="color: #000000;">JSON.stringify(object1));
console.log('原来的object2--->'+<span style="color: #000000;">JSON.stringify(object2));
object1.b.mm = 600<span style="color: #000000;">;
console.log('新的object1--->'+<span style="color: #000000;">JSON.stringify(object1));
console.log('新的object2--->'+JSON.stringify(object2));

 

测试结果

 

原文链接:https://www.f2er.com/jquery/403413.html

猜你在找的jQuery相关文章