深拷贝浅拷贝解析，从原理理解深拷贝

这块应该都有过比较深刻的了解了。今天加深下印象和查漏补缺下。

浅拷贝：

let original = { a: 1, b: { c: 2 } };//这边定一个obj，来供拷贝

let shallowCopy = Object.assign({}, original);// let shallowCopy = { ...original };

创建一个浅拷贝对象拷贝原来的对象

shallowCopy.b.c = 3;

修改对象中的深处项

console.log(original); // 输出：{ a: 1, b: { c: 3 } }

console.log(shallowCopy); // 输出：{ a: 1, b: { c: 3 } }

可以发现原来的对象和你所拷贝的对象的值会一起变化

深拷贝：

// 使用JSON方法（有局限性）
let original = { a: 1, b: { c: 2 } };
let deepCopy = JSON.parse(JSON.stringify(original));

deepCopy.b.c = 3;
console.log(original); // 输出：{ a: 1, b: { c: 2 } }
console.log(deepCopy); // 输出：{ a: 1, b: { c: 3 } }

也可以使用load库的

// 使用lodash库（需要先安装lodash）

// const _ = require('lodash');

// let deepCopy = _.cloneDeep(original);

可以发现原先的对象不会随着你所拷贝对象的变化而变化

手写一个深拷贝

// 深拷贝

function deepClone(obj, cache = new WeakMap()) {

if (typeof obj !== 'object') return obj

if (obj === null) return obj

if (cache.get(obj)) return cache.get(obj) // 防止循环引用，程序进入死循环

if (obj instanceof Date) return new Date(obj)

if (obj instanceof RegExp) return new RegExp(obj)

// 找到所属原型上的constructor，所属原型上的constructor指向当前对象的构造函数

let cloneObj = new obj.constructor()

cache.set(obj, cloneObj) // 缓存拷贝的对象，用于处理循环引用的情况

for (let key in obj) {

if (obj.hasOwnProperty(key)) {

cloneObj[key] = deepClone(obj[key], cache) // 递归拷贝

}

}

return cloneObj

}

const obj = { name: 'Jack', address: { x: 100, y: 200 } }

obj.a = obj // 循环引用

const newObj = deepClone(obj)

console.log(newObj.address === obj.address) // false

初步解析：

1.首先判断类型，基本类型，直接返回

2.复杂对象判断，处理null的逻辑

3.防止函数陷入无限引用

4.处理日期和正则表达式

这边用一个复杂对象来更好的帮助理解

const complexObj = {number: 123,string: 'Hello',date: new Date(),regex: /abc/gi,array: [1, 2, 3],nested: {boolean: true,nullValue: null,undef: undefined,nestedObj: {a: 1,b: [2, 3]}},circular: null // 将会在稍后设置循环引用
};

首先他一定是个对象，不是null date 正则什么的~

这边直接看到循环函数