JS原生的深拷贝API structuredClone函数简介
💡
原文中文，约4000字，阅读约需10分钟。
📝
内容提要
本文介绍了JavaScript中的深度克隆方法structuredClone()，其用法简单，支持循环引用，能更好地处理复杂对象（如Date、Set等），相比于JSON方法更具优势。但它无法复制DOM对象和getter/setter，建议在不支持的环境中使用Polyfill。
🎯
关键要点
- Web浏览器提供了原生的深度克隆方法structuredClone()，使用简单。
- structuredClone()支持循环引用，能更好地处理复杂对象，如Date、Set等。
- structuredClone()的语法为structuredClone(value, options)，options支持transfer参数。
- transfer参数可用于大数据传输，节约内存开销。
- structuredClone()在所有常见浏览器中兼容性良好，但建议在不支持的环境中使用Polyfill。
- 使用JSON.parse(JSON.stringify(obj))进行深度拷贝时可能会出现问题，例如Date对象会变为字符串。
- structuredClone()能够正确处理Date、Set、Map等复杂对象。
- 使用扩展运算符或Object.assign()等方法进行深拷贝时，若对象属性值也是对象，会导致原对象被修改。
- structuredClone()不能复制DOM对象、函数、属性描述符、setter和getter。
- 克隆的对象原型链不会被复制，克隆的实例将不再是原类的实例。
➡️
