javascript深拷贝的原理与实现方法分析
2017-04-10 11:21
666 查看
本文实例讲述了javascript深拷贝的原理与实现方法。分享给大家供大家参考,具体如下:
要讲JavaScript的拷贝,就得先讲讲javascript中的值传递和引用传递。
javascript中没有一个具体的语法来规定哪些参数是引用传递,而其他语言中都有明文规定,比如 C# 中的 ref 和 PHP 中的 & 。
这也是javascript众多弊端中的一个。
我们先看看下面这段代码:
//值传递 var i = 3; var j = i; j = 4; document.write(i);//3 //引用传递 var m = [1]; var n = m; n[0] = 2; document.write(n[0]);//2
说明,javascript中只有简单类型是值传递,而其他复杂类型比如数组、对象都是默认就是引用传递的。
那么我们如果需要复制一个对象呢?就必须自己定义方法:
//深度拷贝函数,其实就是值传递 function cloneObject(srcobj){ var tarobj=new Object(); for(var key in srcobj){//判断对象中是否继续为对象 tarobj[key]=typeof srcobj[key]==='object'?cloneObject(srcobj[key]):srcobj[key]; } return tarobj; } //验证深度拷贝函数的使用 // 测试用例: var srcObj = { a: 1, b: { b1: ["hello", "hi"], b2: "JavaScript" } }; var abObj = srcObj;//引用传递 var tarObj = cloneObject(srcObj); srcObj.a = 2; srcObj.b.b1[0] = "Hello"; console.log(abObj.a);//2 console.log(abObj.b.b1[0]);//Hello,说明普通的=是一种引用传递 console.log(tarObj.a); // 1 console.log(tarObj.b.b1[0]); // "hello",说明我们定义的深拷贝是值传递
其实就是通过实例化一个新的对象,从而在堆中开辟一块新的内存空间,使得栈中的变量名指向堆中的新内容。
更多关于JavaScript相关内容可查看本站专题:《javascript面向对象入门教程》、《JavaScript中json操作技巧总结》、《JavaScript切换特效与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript动画特效与技巧汇总》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》
希望本文所述对大家JavaScript程序设计有所帮助。
您可能感兴趣的文章:
相关文章推荐
- JavaScript实现浅拷贝与深拷贝的方法分析
- JavaScript面向对象继承原理与实现方法分析
- Android4.4开发之电池低电量告警提示原理与实现方法分析
- Atitit.实现继承的原理and方法java javascript .net c# php ...
- 深入分析Object.finalize方法的实现原理
- javascript的tab切换原理与效果实现方法
- 图片滚动特效实现方法的分析(JavaScript)
- javascript另类方法实现htmlencode()与htmldecode()函数实例分析
- jQuery的ready方法实现原理分析
- 分析了一下JQuery中的extend方法实现原理
- JavaScript+Canvas实现彩色图片转换成黑白图片的方法分析
- 基于KMP算法JavaScript的实现方法分析
- HashMap的原理分析(2)get和remove方法的实现
- Javascript笔记:jQuery源码分析以及从jQuery对象创建的角度理解extend方法的原理
- JavaScript实现图片懒加载的方法分析
- 利用CSS、JavaScript及Ajax实现图片预加载的三大方法及优缺点分析
- RecyclerView实现addHeadView的三种方法原理说明和利弊分析(footHead同理)
- 深入分析Java方法反射的实现原理
- javascript的tab切换原理与效果实现方法
- JavaScript使用indexOf()实现数组去重的方法分析