[]JavaScript浅克隆和深克隆【黑马java培训】

更新时间:2019年07月26日 10时53分04秒来源:黑马程序员论坛

一、浅克隆
浅克隆是指对象只会被克隆最外部的一层,对于更深层的对象,则依然是通过引用指向同一块堆内存区域。

[JavaScript] 纯文本查看 复制代码

	<script>[/font]
[font=微软雅黑]			// 浅克隆函数
			function shallowClone(o) {
				var obj = {};
				for(var i in o) {
					obj[i] = o[i];
				}
				return obj;
			}
			// 被克隆对象
			var oldObj = {
				a: 1,
				b: ['e', 'f', 'g'],
				c: {
					h: {
						i: 2
					}
				}
			};
			var newObj = shallowClone(oldObj);
			console.log(newObj.c.h, oldObj.c.h); // { i: 2 } { i: 2 }
			console.log(oldObj.c.h === newObj.c.h); // true
	</script>

debug结果:

我们可以很看到,虽然oldObj.c.h被克隆了,但是它还与oldObj.c.h相等,这表明他们依然指向同一段堆内存,如果对newObj.c.h进行修改,也会影响oldObj.c.h。

二、深克隆
JSON对象parse方法可以将JSON字符串反序列化成JS对象，stringify方法可以将JS对象序列化成JSON字符串,这两个方法结合起来就能产生一个便捷的深克隆。

[JavaScript] 纯文本查看 复制代码

<script>[/font]
[font=微软雅黑]			// 浅克隆函数
			function shallowClone(o) {
				var obj = {};
				for(var i in o) {
					obj[i] = o[i];
				}
				return obj;
			}
			var oldObj = {
				a: 1,
				b: ['e', 'f', 'g'],
				c: {
					h: {
						i: 2
					}
				}
			};
			var newObj = JSON.parse(JSON.stringify(oldObj)); // 将oldObj先序列化再反序列化。
			console.log(newObj.c.h, oldObj.c.h); // { i: 2 } { i: 2 }
			console.log(oldObj.c.h === newObj.c.h); // false 这时候就已经不一样了
	</script>

debug结果:

我们可以很看到,oldObj.c.h与oldObj.c.h不相等了,这表明他们指向了不同的一段堆内存,如果对newObj.c.h进行修改,则oldObj.c.h不受印象。

推荐了解热门学科

java培训	Python人工智能	Web前端培训	PHP培训
区块链培训	影视制作培训	C++培训	产品经理培训
UI设计培训	新媒体培训	产品经理培训	Linux运维
大数据培训	智能机器人软件开发

传智播客是一家致力于培养高素质软件开发人才的科技公司，“黑马程序员”是传智播客旗下高端IT教育品牌。自“黑马程序员”成立以来，教学研发团队一直致力于打造精品课程资源，不断在产、学、研3个层面创新自己的执教理念与教学方针，并集中“黑马程序员”的优势力量，针对性地出版了计算机系列教材50多册，制作教学视频数+套，发表各类技术文章数百篇。

传智播客从未停止思考

传智播客副总裁毕向东在2019IT培训行业变革大会提到，“传智播客意识到企业的用人需求已经从初级程序员升级到中高级程序员，具备多领域、多行业项目经验的人才成为企业用人的首选。”

中级程序员和初级程序员的差别在哪里?
项目经验。毕向东表示，“中级程序员和初级程序员最大的差别在于中级程序员比初级程序员多了三四年的工作经验，从而多出了更多的项目经验。“为此，传智播客研究院引进曾在知名IT企业如阿里、IBM就职的高级技术专家，集中研发面向中高级程序员的课程，用以满足企业用人需求，尽快补全IT行业所需的人才缺口。

何为中高级程序员课程?

传智播客进行了定义。中高级程序员课程，是在当前主流的初级程序员课程的基础上，增加多领域多行业的含金量项目，从技术的广度和深度上进行拓展。“我们希望用5年的时间，打造上百个高含金量的项目，覆盖主流的32个行业。”传智播客课程研发总监于洋表示。

黑马程序员热门视频教程【点击播放】

Python入门教程完整版（懂中文就能学会）	零起点打开Java世界的大门
C++\| 匠心之作从0到1入门学编程	PHP\|零基础入门开发者编程核心技术
Web前端入门教程_Web前端html+css+JavaScript	软件测试入门到精通

上海中心

[]JavaScript浅克隆和深克隆【黑马java培训】

相关阅读