关于JS结构化克隆算法

结构化克隆算法的使用场景

  • MessageChannel (包括web worker)
  • History API
  • Notification API 如果您没有循环对象，并且不需要保留内置类型，则可以使用跨浏览器的JSON.parse(JSON.stringify())获得最快的克隆性能。
    如果你想要一个适当的结构化克隆，MessageChannel是你唯一可靠的跨浏览器的选择。

MDN深复制示例函数

如果你想深复制一个对象（那就是沿着原形链，对所有属性进行递归复制），你必须要用另外一种方法。以下是一个可行的例子。
注意： 此算法实际只实现了 RegExp, Array, 和 Date 特殊对象。 根据你的需要，你可以实现其他特殊情况。

function clone(objectToBeCloned) {
  // Basis.
  if (!(objectToBeCloned instanceof Object)) {
    return objectToBeCloned;
  }
  var objectClone;
  // Filter out special objects.
  var Constructor = objectToBeCloned.constructor;
  switch (Constructor) {
    // Implement other special objects here.
    case RegExp:
      objectClone = new Constructor(objectToBeCloned);
      break;
    case Date:
      objectClone = new Constructor(objectToBeCloned.getTime());
      break;
    default:
      objectClone = new Constructor();
  }
  // Clone each property.
  for (var prop in objectToBeCloned) {
    objectClone[prop] = clone(objectToBeCloned[prop]);
  }
  return objectClone;
}