[javascript] Object.create ()와 new SomeFunction ()의 차이점 이해

설명해 드리겠습니다 ( 블로그 에 대한 자세한 내용 참조 ).

1. Car생성자 를 작성할 때 var Car = function(){}, 이것은 내부적으로 방법입니다 :
   
   우리는 접근 할 수없는 하나의 {prototype}숨겨진 링크 Function.prototype와 접근 할 수 있고 실제 의 prototype링크를 Car.prototype가지고 있습니다 . Function.prototype과 Car.prototype 모두에 대한 숨겨진 링크가 있습니다.constructorCarObject.prototype

2. 우리가 사용하여 동일한 두 개체를 생성 할 때 new연산자와 create방법을 우리는 이런 식으로 할 필요가 : Honda = new Car();와 Maruti = Object.create(Car.prototype).
   무슨 일이야?

   Honda = new Car();— 이와 같은 객체를 만들면 숨겨진 {prototype}속성이 가리 킵니다 Car.prototype. 따라서 여기서 {prototype}Honda 객체는 항상 있습니다 . 객체 Car.prototype의 {prototype}속성 을 변경할 수있는 옵션이 없습니다 . 새로 만든 객체의 프로토 타입을 변경하려면 어떻게합니까?
   Maruti = Object.create(Car.prototype)— 이와 같은 객체를 만들 때 객체의 {prototype}속성 을 선택할 수있는 추가 옵션이 있습니다 . Car.prototype을 원하는 경우 {prototype}함수의 매개 변수로 전달하십시오. {prototype}객체를 원하지 않으면 다음 null과 같이 전달할 수 있습니다 Maruti = Object.create(null).

결론 —이 방법 Object.create을 사용하면 객체 {prototype}속성을 자유롭게 선택할 수 있습니다. 의 new Car();자유는 없습니다.

OO JavaScript에서 선호되는 방법 :

두 개의 객체 a와 가 있다고 가정합니다 b.

var a = new Object();
var b = new Object();

이제 접근하려는 a메소드가 있다고 가정 해 봅시다 b. 이를 위해서는 객체 상속이 필요합니다 ( 해당 메소드에 액세스하려는 경우에만 a프로토 타입이어야 함 b). 우리의 프로토 타입을 선택하면 a그리고 b우리는 그들이 프로토 타입을 공유하는 것을 발견 할 것이다 Object.prototype.

Object.prototype.isPrototypeOf(b); //true
a.isPrototypeOf(b); //false (the problem comes into the picture here).

문제 — 객체 a를 프로토 타입으로 원 b하지만 여기서는 프로토 타입을 b사용하여 객체 를 만들었습니다 Object.prototype.
솔루션 — ECMAScript 5가 도입 Object.create()되어 그러한 상속을 쉽게 달성 할 수 있습니다. 다음 b과 같이 객체를 생성 하면 :

var b = Object.create(a);

그때,

a.isPrototypeOf(b);// true (problem solved, you included object a in the prototype chain of object b.)

따라서 객체 지향 스크립팅을 수행하는 경우 Object.create()상속에 매우 유용합니다.

답변

var foo = new Foo();

var foo = Object.create(Foo.prototype);

function Foo() {
    alert("This constructor does not run with Object.create");
}

function Test(){
    this.prop1 = 'prop1';
    this.prop2 = 'prop2';
    this.func1 = function(){
        return this.prop1 + this.prop2;
    }
};

Test.prototype.protoProp1 = 'protoProp1';
Test.prototype.protoProp2 = 'protoProp2';
var newKeywordTest = new Test();
var objectCreateTest = Object.create(Test.prototype);

/* Object.create   */
console.log(objectCreateTest.prop1); // undefined
console.log(objectCreateTest.protoProp1); // protoProp1 
console.log(objectCreateTest.__proto__.protoProp1); // protoProp1

/* new    */
console.log(newKeywordTest.prop1); // prop1
console.log(newKeywordTest.__proto__.protoProp1); // protoProp1