The structured clone algorithm

JSON을 넘는 이득

JSON을 뛰어넘는 structured clone알고리즘의 여러가지 핵심 이득이 있습니다.

• Structured clones은 RegExp 객체들도 복사할 수 있습니다..
• Structured clones은 Blob, File와 FileList 객체들도 복사할 수 있습니다..
• Structured clones은 ImageData 객체들도 복사할 수 있습니다. 클론된CanvasPixelArray크기(dimensions)는 원본과 match될 것이고 같은 픽셀 데이터의 복제를 가집니다.
• Structured clones은 참조들의 순환 그래프들을 포함한 객체들을 올바르게 복제할 수 있습니다.

structured clones과 함께 동작하지 않는 것들

• Error와 Function 객체들은 structured clone 알고리즘에 의해서 복제될 수 없습니다; 이것을 시도하면 DATA_CLONE_ERR exception을 던질 것 입니다.
• DOM node들을 클론하려고 시도하는것도 동일하게 DATA_CLONE_ERR exception을 던질 것 입니다.
• 객체들의 몇몇 파라미터들은 보존되지 않습니다:
  • RegExp객체들의 lastIndex필드는 보존되지 않습니다.
  • Property descriptors, setters, 그리고 getters (이것들과 비슷한 메타데이터같은 기능들)은 복제되지 않습니다. 예를들어서 한 객체가 프로퍼티 디스크립터를 사용하여 읽기전용으로 마크되어져 있다면 이것은 읽기-쓰기가 가능하도록 복제 될 것입니다. 이것이 디폴트 조건이기 때문입니다.
  • 프로토타입 체인은 거치지않고 복제되지 않습니다.

Supported types

또 다른 방법 : 깊은 복사(deep copy‎)

객체의 깊은 복사(deep copy)를 원한다면(모든 프로토타입 체인과 내포된 속성들 까지도), 또다른 접근방식을 사용해야만 합니다. 아래의 예제를 확인하세요.

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;
}

See also

• HTML5 Specification: Safe passing of structured data
• window.history
• window.postMessage()
• Web Workers
• Components.utils.cloneInto