js的深拷贝特别注意this的深拷贝

Posted 飘然离去

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js的深拷贝特别注意this的深拷贝相关的知识,希望对你有一定的参考价值。

原生的,jquery的extend,和angular的copy

我们深拷贝的根本原因是为了不改变原来对象的值。

<script type="text/javascript">
var ss = {
name : ‘yan‘,
age : 20
}
var box = ss;
box.name = ‘jin‘;
console.log(ss.name);//jin
//==jquery============================
var ss1 = {
name : ‘yan‘,
age : 20
}
var box1 = {};
$.extend({},box1,ss1);
box1.name = ‘jin1‘;
alert(ss1.name);//yan
//==angular============================
var ss2 = {
name : ‘yan‘,
age : 20
}
var box2 = {};
angular.copy(ss2,box2);
box1.name = ‘jin2‘;
alert(ss1.name);//yan
</script>

以上是关于js的深拷贝特别注意this的深拷贝的主要内容,如果未能解决你的问题,请参考以下文章

JS---对象的深拷贝

前端面试之js 中常见的深拷贝的方法

JS的深拷贝/浅拷贝

js中的深拷贝与浅拷贝

JS的深拷贝和浅拷贝

java中对象的深拷贝和浅拷贝