Five ways to create objects…

javascript는 class가 없어서 생성자 함수로 그것을 구현하고 있다.
따라서 일반 function이 여러가지 의미를 하는 만큼 무엇을 뜻하는지 잘 구분해야 한다.

원본글 : http://javascriptweblog.wordpress.com/2010/03/16/five-ways-to-create-objects/#more-21

1. Simple Object Literal

{}를 통해 빈 객체를 생성한 다음, 프로퍼티를 추가해 나가는 방법

myApp.notepad  = {};
myApp.notepad.writeable = true;
myApp.notepad.font  = 'helvetica';
myApp.notepad.setFont = function(theFont) {
    myApp.notepad.font = theFont;
}

2. Nested Object Literal

{} 내부에 프로퍼티를 미리 정의한 다음 객체를 생성하는 방법

myApp.notepad  = {
    writeable: true,
    font: 'helvetica',
    setFont: function(theFont) {
        this.font = theFont;
    }
}

3. Constructor using Object Literal

{}를 통해 객체를 만드는 함수를 만들고, 이를 호출하는 방식으로 객체를 생성하는 방법

myApp.Notepad = function(defaultFont) {
    var  that = {};
    that.writeable = true;
    that.font = defaultFont;
    that.setFont = function(theFont) {
        that.font = theFont;
    }
    return that;
}


myApp.notepad1 =  myApp.Notepad(‘helvetica’);

4. Simple Constructor for new

생성자 함수를 만든 다음, new를 통해 객체를 생성하는 방법

myApp.Notepad = function(defaultFont) {
    this.writeable = true;
    this.font = defaultFont;
    this.setFont = function(theFont) {
        this.font = theFont;
    }
}


myApp.notepad1  = new myApp.Notepad(‘helvetica’);

5. Prototype with Constructor for new

Prototype을 가진 생성자 함수와 new를 이용해서 객체를 생성하는 방법.



myApp.Notepad = function(defaultFont) {
    this.font = defaultFont;
}
myApp.Notepad.prototype.writeable  = true;
myApp.Notepad.prototype.setFont  = function(theFont) {
    this.font = theFont;
}


myApp.notepad1  = new myApp.Notepad(‘helvetica’);