[javascript] Object.create (null)로 JS 객체를 생성합니까?

JS 객체를 만드는 많은 방법을 알고 있지만의 것을 알지 못했습니다 Object.create(null).

질문:

정확히 다음과 동일합니까?

var p = {}

vs

var p2 = Object.create(null);

?



답변

그것들은 동등하지 않습니다. {}.constructor.prototype == Object.prototype반면에 Object.create(null)아무것도 상속받지 않으므로 속성이 전혀 없습니다.

즉, 자바 스크립트 객체는 다음과 같이 프로토 타입으로 null로 명시 적으로 생성하지 않는 한 기본적으로 Object에서 상속됩니다 Object.create(null).

{}대신에 동일합니다 Object.create(Object.prototype).


Chrome Devtool에서는 속성 Object.create(null)이없는 것을 알 수 있습니다 .__proto__{}

여기에 이미지 설명을 입력하십시오


답변

그것들은 분명히 동등하지 않습니다. 왜 차이가 나는지 더 자세히 설명하기 위해이 답변을 작성하고 있습니다.

  1. var p = {};

    의 속성과 메서드를 상속하는 개체를 만듭니다 Object.

  2. var p2 = Object.create(null);

    상속받지 않는 객체를 만듭니다.

객체를지도로 사용하고 위의 방법 1을 사용하여 객체를 만드는 경우지도에서 조회를 수행 할 때 특히주의해야합니다. 의 속성과 메소드 Object가 상속되므로지도에 삽입하지 않은 키가있는 경우 코드가 실행될 수 있습니다. 예를 들어,에서 조회를 수행 한 경우 toString해당 값을 입력하지 않아도 함수를 찾을 수 있습니다. 다음과 같이 해결할 수 있습니다.

if (Object.prototype.hasOwnProperty.call(p, 'toString')) {
    // we actually inserted a 'toString' key into p
}

에 무언가를 할당하는 것이 좋으며 p.toString, 상속 된 toString함수를 단순히 무시할 것 입니다 p.

p.hasOwnProperty('toString')“hasOwnProperty”키를 삽입했을 수 있기 때문에 수행 할 수 없으므로 p에 구현을 사용하도록 강요합니다 Object.

반면, 위의 방법 2를 사용 Object하면지도에 표시되는 것에 대해 걱정할 필요가 없습니다 .

다음과 같이 간단한 속성의 존재를 확인할 수 없습니다 if.

// Unreliable:
if (p[someKey]) {
    // ...
}

값은 빈 문자열 false이거나 null, 또는 undefined, 또는 0, 또는 NaN등일 수 있습니다 Object.prototype.hasOwnProperty.call(p, someKey). 속성이 존재하는지 여부를 확인하려면 여전히을 사용해야 합니다.


답변

를 사용하여 객체를 만들면 {}프로토 타입 Object.prototype에서 기본 기능을 상속 하는 프로토 타입이 있는 Object객체 Object.create(null)가 생성되고 프로토 타입이 null 인 빈 객체가 생성됩니다.


답변

누군가 구현을 찾고 있다면 Object.create(null)어떻게 작동하는지 알고 싶습니다. __proto__비표준 인을 사용하여 작성 되었으므로 권장하지 않습니다 .

function objectCreateMimic()
{
  /*optional parameters: prototype_object, own_properties*/
  var P = arguments.length>0?arguments[0]:-1;
  var Q = arguments.length>1?arguments[1]:null;
  var o = {};
  if(P!==null && typeof P === "object")
  {
    o.__proto__ = P;
  }
  else if(P===null)
  {
    o.__proto__ = null;
  }
  if(Q!==null && typeof Q === "object")
  {
   for(var key in Q)
   {
     o[key] = Q[key];
   }
  }
  return o;
}

참고 : 호기심으로 이것을 작성했으며 간단한 용어로 작성되었습니다. 예를 들어 속성 ​​설명자를 두 번째 객체에서 반환 객체로 전송하지 않습니다.


답변

Object.create (null)로 Object를 만들면 프로토 타입없이 Object를 만듭니다. 여기서 null 은 프로토 타입 체인의 끝을 의미합니다. 그럼에도 불구하고 {}와 같은 객체를 만들면 객체 프로토 타입이 추가됩니다. 따라서 이들은 프로토 타입이없는 다른 하나의 프로토 타입을 가진 두 개의 서로 다른 객체입니다.


답변