Prototype 재사용 가능한 일회용 객체

황제낙엽 2008.08.08 17:47 조회 수 : 133 추천:80

sitelink1  
sitelink2  
sitelink3  
sitelink4 http://1 
extra_vars4 ko 
extra_vars5 자바 스크립트 for 웹2.0 - 오레일리 
extra_vars6 sitelink1 
객체지향에서는 객체 인스턴스를 하나만 생성하게 하는 싱글톤 패턴이 있다.
자바스크립에서도 이와 유사한 개념으로 일회용 객체를 생성하는 3가지 방법을 소개한다.
실제로 Prototype Ajax 라이브러리에서는 이러한 일회용 객체를 많이 사용한다.

지금부터 선보이는 여러 코드는 모두 동일한 객체를 생성하고, 동작도 똑같이 한다. 단지 생성 방법만 다를 뿐이다.

1. 첫번재 방법
일회용 객체를 생성하는 방법 중의 하나는 프로퍼티와 메소드들로 구성된 연관 배열을 생성해 변수에 배정하는 것이다.
var oneOff = {   
    variablea : "valuea",   
    variableb : "valueb",   
    method : function () {   
        return this["variablea"] + " " + this["variableb"];   
    }   
}
자바스크립트에서 모든 객체는 함수이고 모든 함수는 객체이다. 위의 경우에 객체는 프로퍼티 두 개와 메소드 한 개가 있는 연관 배열이다.
메소드는 함수이자 객체이기 때문에 배열에 넣을 수 있다.
연관 배열로 정의되어 있기 때문에 메소드 안에서 프로퍼티 멤버에 접근할 때 배열 요소에 접근하는 방식을 사용하며, 이름을 인덱스로 사용한다.
하지만 객체 밖에서는 oneOff.variablea 같이 표준 프로퍼티 접근 방식을 사용한다.
alert(oneOff.variablea);   
alert(oneOff.method());


2. 두번째 방법
var oneOff = new Object();   
oneOff.variablea = "valuea";   
oneOff.variableb = "valueb";   
oneOff.method = function(){   
    return this.variablea + " " + this.variableb;   
};
위 방법은 Object 생성자를 사용해서 새로운 객체를 만든 다음, 객체 인스턴스에 프로퍼티와 메소드를 추가한다. 기존 객체에 새 프로퍼티와  메소드를 추가하는 것이 아니기 때문에 prototype을 사용하지 않고 객체 인스턴스에 직접 추가한다. 메소드 안에서는 this 와 프로퍼티 이름을 사용해서 다른 프로퍼티에 접근 할 수 있다.

외부에서 프로퍼티에 접근하는 방법은 다음과 같다.
alert(oneOff2.variableb);   
alert(oneOff2.method());


3. 세번째 방법
마지막으로 살펴볼 방법은 객체를 생성할 때 사용하는 함수를 이용하는 방법이다. 이 경우에는 함수를 변수에 직접 배정해 일회용으로 사용한다.
var oneOff = new function () {   
    this.variablea = "variablea";   
    this.variableb = "variableb";   
    this.method = function () {   
        return this.variablea + " " + this.variableb;   
    }   
}
프로퍼티에 접근하는 방법은 동일하다.

여러 개의 메소드들과 프로퍼티들을 하나의 객체로 캡슐화 하고자 할 때에도 일회용 객체를 사용할 수 있다.
이 객체는 전체 프로그램에서 재사용 할 수 있다. 객체 인스턴스가 여러 개 필요한 것이 아니라 하나만 필요한 것이다.
이 게시물을
목록
쓰기 태그