js中深拷贝与浅拷贝的详细介绍（代码分析）

let obj = {
 name: 'leeper',
 age: 20,
 friend: {
 name: 'lee',
 age: 19
 }
};
let copyObj = JSON.parse(JSON.stringify(obj));
obj.name = 'Sandman';
obj.friend.name = 'Jerry';
console.log(obj);
// -> {name: "Sandman", age: 20, friend: {age: 19,name: 'Jerry'}}
console.log(copyObj);
// -> {name: "leeper", age: 20, friend: {age: 19,name: 'lee'}}

综上，JSON.parse()和JSON.stringify()是完全的深拷贝。

动手实现深拷贝 利【递归】来实现对对象或数组的深拷贝。递归思路：对属性中所有引用类型的值进行遍历，直到是基本类型值为止。

// 深拷贝
function deepCopy(obj) {
 if (!obj && typeof obj !== 'object') {
 throw new Error('error arguments');
 }
 // const targetObj = obj.constructor === Array ? [] : {};
 const targetObj = Array.isArray(obj) ? [] : {};
 for (let key in obj) {
 
 //只对对象自有属性进行拷贝
 if (obj.hasOwnProperty(key)) {
 if (obj[key] && typeof obj[key] === 'object') {
 targetObj[key] = deepCopy(obj[key]);
 } else {
 targetObj[key] = obj[key];
 }
 }
 }
 return targetObj;
}

拷贝方式其实也是一种继承的方式，当然继承还是有其他方法的！