[javascript] 객체 리터럴이나 생성자 함수를 사용해야합니까?

아래 코드는 객체를 생성하는 세 가지 방법 인 Object Literal 구문, 함수 생성자 및 Object.create(). 객체 리터럴 구문은 즉시 생성하고 객체를 생성 __prototype__하므로 Object객체 이므로의 모든 속성과 메서드에 액세스 할 수 있습니다 Object. 엄격하게 디자인 패턴 관점에서 간단한 개체 리터럴을 사용하여 단일 데이터 인스턴스를 저장해야합니다.

함수 생성자에는이라는 특수 속성이 .prototype있습니다. 이 속성은 __prototype__함수 생성자가 만든 모든 개체의 속성이됩니다 . .prototype함수 생성자 의 속성에 추가 된 모든 속성과 메서드 는 생성 된 모든 개체에서 사용할 수 있습니다. 데이터의 여러 인스턴스가 필요하거나 개체의 동작이 필요한 경우 생성자를 사용해야합니다. 함수 생성자는 개인 / 공개 개발 패턴을 시뮬레이션하려는 경우에도 가장 잘 사용됩니다. 모든 공유 메서드를에 배치하여 .prototype각 개체 인스턴스에서 생성되지 않도록해야합니다.

Object.create()로 __prototype__객체를 생성하면이 메소드로 생성 된 객체에 대해 객체 리터럴 을 사용합니다 . 객체 리터럴에 추가 된 모든 속성과 메서드는 진정한 프로토 타입 상속을 통해 생성 된 모든 객체에서 사용할 수 있습니다. 이것이 제가 선호하는 방법입니다.

//Object Example

//Simple Object Literal
var mySimpleObj = {
    prop1 : "value",
    prop2 : "value"
}

// Function Constructor
function PersonObjConstr()  {
    var privateProp = "this is private";
    this.firstname = "John";
    this.lastname = "Doe";
}
PersonObjConstr.prototype.greetFullName = function()    {
    return "PersonObjConstr says: Hello " + this.firstname +
    " " + this.lastname;
};

// Object Literal
var personObjLit = {
    firstname : "John",
    lastname: "Doe",
    greetFullName : function() {
        return "personObjLit says: Hello " + this.firstname +
        ", " + this.lastname;
    }
}

var newVar = mySimpleObj.prop1;
var newName = new PersonObjConstr();
var newName2 = Object.create(personObjLit);

답변

function SomeConstructor(){
    var x = 5;
    this.multiply5 = function(i){
        return x*i;
    }
}
var myObj = new SomeConstructor;

var SomeLiteral = {
    multiply5: function(i){ return i*5; }
}