DEV Community
·
TypeScript中的浅拷贝和深拷贝是什么...
💡
原文英文，约800词，阅读约需3分钟。
📝
内容提要
在JavaScript中，浅拷贝仅复制对象或数组的顶层属性，嵌套结构共享引用，修改会影响原对象；深拷贝递归复制所有层级，互不影响。浅拷贝适用于简单对象，深拷贝适用于复杂嵌套对象。
🎯
关键要点
- 在JavaScript中，浅拷贝仅复制对象或数组的顶层属性，嵌套结构共享引用。
- 深拷贝递归复制所有层级，互不影响。
- 浅拷贝适用于简单对象，深拷贝适用于复杂嵌套对象。
- 浅拷贝只复制第一层，嵌套对象共享同一引用。
- 修改浅拷贝中的嵌套对象会影响原对象。
- 浅拷贝方法包括：Array.prototype.slice()、扩展运算符([...arr])、Object.assign()。
- 深拷贝创建一个全新的对象或数组，所有层级独立。
- 深拷贝方法包括：structuredClone()、JSON.parse(JSON.stringify())。
- JSON.parse(JSON.stringify())的局限性包括丢失函数和未定义值，无法处理Date、RegExp、Map、Set、BigInt或Symbol。
- 浅拷贝适用于简单对象，深拷贝适用于复杂嵌套对象。
- 浅拷贝性能较快，深拷贝因递归而较慢。
- 现代应用推荐使用structuredClone()进行深拷贝，避免JSON.parse(JSON.stringify())的许多限制。
❓
延伸问答
什么是浅拷贝和深拷贝？
浅拷贝仅复制对象或数组的顶层属性，嵌套结构共享引用；深拷贝递归复制所有层级，互不影响。
浅拷贝适用于哪些情况？
浅拷贝适用于简单对象，且在性能优先于嵌套数据完整性时使用。
深拷贝的主要方法有哪些？
深拷贝的方法包括structuredClone()和JSON.parse(JSON.stringify())。
使用JSON.parse(JSON.stringify())进行深拷贝有哪些局限性？
该方法会丢失函数和未定义值，无法处理Date、RegExp、Map、Set、BigInt或Symbol。
浅拷贝和深拷贝在性能上有什么区别？
浅拷贝性能较快，深拷贝因递归而较慢。
在什么情况下应该使用深拷贝？
当处理复杂嵌套对象时，或需要确保拷贝对象完全独立时，应该使用深拷贝。
➡️
