深拷⻉浅拷⻉的区别?如何实现⼀个深拷⻉?
答: JavaScript 中存在两⼤数据类型:
基本类型
引⽤类型
基本类型数据保存在在栈内存中
引⽤类型数据保存在堆内存中,引⽤数据类型的变量是⼀个指向堆内存中实际对象的引⽤,存在栈中
浅拷⻉
浅拷⻉,指的是创建新的数据,这个数据有着原始数据属性值的⼀份精确拷⻉
如果属性是基本类型,拷⻉的就是基本类型的值。如果属性是引⽤类型,拷⻉的就是内存地址
即浅拷⻉是拷⻉⼀层,深层次的引⽤类型则共享内存地址
下⾯简单实现⼀个浅拷⻉
function shallowClone(obj) { const newObj = {}; for(let prop in obj) { if(obj.hasOwnProperty(prop)){ newObj[prop] = obj[prop]; } } return newObj; }
JavaScript 中,存在浅拷⻉的现象有:
- Object.assign
- Array.prototype.slice() , Array.prototype.concat()
- 使⽤拓展运算符实现的复制
深拷⻉
深拷⻉开辟⼀个新的栈,两个对象属完成相同,但是对应两个不同的地址,修改⼀个对象的属性,不会
改变另⼀个对象的属性
常⻅的深拷⻉⽅式有:
- _.cloneDeep()
- jQuery.extend()
- JSON.stringify()
- ⼿写循环递归