浅拷贝以及深拷贝详细原理实现(面试题常考)

	因为基础数据类型是赋值的是值,引用数据类型赋值的是内存地址。所以浅拷贝只能进行基础数据类型拷贝,可以用Object.assign方法。
	而深拷贝可以用JSON解析,以及递归层级两种方法去实现基础、引用数据类型拷贝。
    **浅拷贝**
    var obj = {
        name: '张三丰',   //基础数据类型
        age: 22			//基础数据类型
        color : ['red','purple','qing']   //引用数据类型
    };
    var newobj = {};	
    for (key in obj) {
        newobj[key]=obj[key];	//把obj里面的基础数据类型遍历出来赋值
    }
    newobj.name = '李四' 	 //因为这里的name属性是基础数据类型,所以赋值传递的是值
    console.log(obj.name); //打印:张三丰
    
    newobj.color[0] = 'black' //因为这里的color属性是引用数据类型,所以赋值传递的是内存地址
    console.log(obj.color[0]); //打印:black
    
    结论:浅拷贝只会拷贝obj里面属性的基础数据类型,拷贝不了obj里面属性的引用数据类型
## 深拷贝
		var obj = {
			name : '张三丰',	//基础数据类型
			age : 22,		//基础数据类型
			messige : {		
				sex : '男',		//引用数据类型
				score : 16
			},				
			color : ['red','purple','qing']		//引用数据类型

		}
		var newObj = {};
		function copy (newObj,obj) {
			for (key in obj) {
				if (obj[key] instanceof Array) {
					newObj[key] = []; 	// 确保newObj[key]是数组	
					copy(newObj[key],obj[key]);
把obj里面的messige的对象进行数据判断,如果是引用数据类型,则又调用函数将里面的基础数据类型进行赋值
				} else if (obj[key] instanceof Object) {
					newObj[key] = {};	// 确保newObj[key]是对象
					copy(newObj[key],obj[key])
把obj里面的color的数组进行数据判断,如果是引用数据类型,则又调用函数将里面的基础数据类型进行赋值				} else {
					newObj[key] = obj[key];
				}
			}
		}
 这里的obj.messige.sex已经进行基础数据类型赋值,所以值改变了,newObj.messige.sex也不会改变。
		copy(newObj,obj);
		obj.messige.sex = 99;
		console.log(newObj.messige.sex); //打印 男  
		
结论:深拷贝既会拷贝obj里面的基础数据类型,也会拷贝obj里面的引用数据类型(因为会将obj里面引用数据类型筛选出来,然后再调用函数进行筛选,再把基础数据类型筛选出来赋值。)
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值