ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • 자바스크립트 객체를 생성하는 5가지 방법
    Programming/javascript 2013. 8. 13. 19:07

    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

    myApp.Notepad = function(defaultFont) {

        this.writeable = true;

        this.font = defaultFont;

        this.setFont = function(theFont) {

            this.font = theFont;

        }

    }

    myApp.notepad1  = new myApp.Notepad('helvetica');

    new 를 통해 객체 생성 


    5. Prototype with Constructor for 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');

    생성자를 가진 Prototype 과 new 를 생성하는 방법 


    출처

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









    'Programming > javascript' 카테고리의 다른 글

    jquery select box 팁  (0) 2013.12.01
    jquery checkbox 팁  (0) 2013.12.01
    자바스크립트 함수  (0) 2013.07.29
    자바스크립트 제어문  (0) 2013.07.24
    자바스크립트 데이터 형식에 대해서 배워보아요  (0) 2013.07.23

    댓글

Designed by Tistory.