谈一下Vue-typeScript数据类型的浅拷贝和深拷贝
warning:
这篇文章距离上次修改已过194天，其中的内容可能已经有所变动。
在Vue和TypeScript中，浅拷贝和深拷贝是常见的操作，尤其是在处理对象和数组时。浅拷贝创建新对象，新对象与原对象共享引用。而深拷贝创建新对象，新对象不与原对象共享任何引用。
浅拷贝
// 使用扩展运算符进行浅拷贝数组
const arr1 = [1, 2, 3];
const arr2 = [...arr1];
// 使用对象展开运算符进行浅拷贝对象
const obj1 = { a: 1, b: 2 };
const obj2 = { ...obj1 };深拷贝
// 使用JSON.parse和JSON.stringify进行深拷贝
const deepCopy = (obj: any) => JSON.parse(JSON.stringify(obj));
const arr1 = [1, 2, 3];
const arr2 = deepCopy(arr1);
const obj1 = { a: 1, b: 2 };
const obj2 = deepCopy(obj1);注意：JSON.parse(JSON.stringify(obj)) 可能不适用于所有情况，例如含有函数、undefined、循环引用的对象。对于这些情况，可以使用库如lodash的cloneDeep方法进行深拷贝。
评论已关闭