JS中是如何实现深拷贝的？

深拷贝与浅拷贝

在JavaScript中，有两种类型的拷贝：浅拷贝和深拷贝。

• 浅拷贝只拷贝对象本身的属性，而不会拷贝子对象的属性。
• 深拷贝不仅拷贝对象本身的属性，还会拷贝子对象的属性，直到所有的子对象都拷贝完毕。

如何实现深拷贝

实现JS深拷贝，可以采用多种方法，如：

• 递归实现深拷贝：

  function deepCopy(obj) {
    if (obj === null || typeof obj !== "object") {
      return obj;
    }
  
    if (obj instanceof Date) {
      return new Date(obj);
    }
  
    if (obj instanceof RegExp) {
      return new RegExp(obj);
    }
  
    if (Array.isArray(obj)) {
      return obj.map(item => deepCopy(item));
    }
  
    const copy = {};
    for (const key in obj) {
      copy[key] = deepCopy(obj[key]);
    }
  
    return copy;
  }
  

• 使用JSON实现深拷贝：

  function deepCopy(obj) {
    return JSON.parse(JSON.stringify(obj));
  }
  

• 使用框架实现深拷贝：

  一些框架提供了深拷贝功能，如：

  • Lodash ：

    const deepCopy = _.cloneDeep(obj);
    

  • jQuery ：

    const deepCopy = $.extend(true, {}, obj);
    

深拷贝的注意点

在实现深拷贝时，需要注意以下几点：

• 循环引用：

  如果对象中存在循环引用，则深拷贝可能会陷入死循环。为了解决这个问题，可以在深拷贝之前先检测对象中是否存在循环引用。如果存在循环引用，则可以将循环引用处的对象替换为一个占位符，然后再进行深拷贝。深拷贝完成后，再将占位符替换回原来的对象。

• 特殊对象：

  一些特殊对象，如：

  • RegExp ：

    const deepCopy = new RegExp(obj.source, obj.flags);
    

  • Date ：

    const deepCopy = new Date(obj.getTime());
    

• Symbol属性：

  Symbol属性不会被JSON.stringify()方法序列化，因此无法使用JSON实现深拷贝Symbol属性。

总结

深拷贝在JavaScript中是一个非常有用的技术，它可以帮助我们拷贝复杂的对象，而不会丢失任何数据。在实现深拷贝时，需要注意循环引用和特殊对象等问题。