sitelink1 | |
---|---|
sitelink2 | |
sitelink3 | |
sitelink4 | http://1 |
extra_vars4 | ko |
extra_vars5 | 자바 스크립트 for 웹2.0 - 오레일리 |
extra_vars6 | sitelink1 |
객체지향에서는 객체 인스턴스를 하나만 생성하게 하는 싱글톤 패턴이 있다.
자바스크립에서도 이와 유사한 개념으로 일회용 객체를 생성하는 3가지 방법을 소개한다.
실제로 Prototype Ajax 라이브러리에서는 이러한 일회용 객체를 많이 사용한다.
지금부터 선보이는 여러 코드는 모두 동일한 객체를 생성하고, 동작도 똑같이 한다. 단지 생성 방법만 다를 뿐이다.
1. 첫번재 방법
일회용 객체를 생성하는 방법 중의 하나는 프로퍼티와 메소드들로 구성된 연관 배열을 생성해 변수에 배정하는 것이다.
자바스크립트에서 모든 객체는 함수이고 모든 함수는 객체이다. 위의 경우에 객체는 프로퍼티 두 개와 메소드 한 개가 있는 연관 배열이다.
메소드는 함수이자 객체이기 때문에 배열에 넣을 수 있다.
연관 배열로 정의되어 있기 때문에 메소드 안에서 프로퍼티 멤버에 접근할 때 배열 요소에 접근하는 방식을 사용하며, 이름을 인덱스로 사용한다.
하지만 객체 밖에서는 oneOff.variablea 같이 표준 프로퍼티 접근 방식을 사용한다.
2. 두번째 방법 위 방법은 Object 생성자를 사용해서 새로운 객체를 만든 다음, 객체 인스턴스에 프로퍼티와 메소드를 추가한다. 기존 객체에 새 프로퍼티와 메소드를 추가하는 것이 아니기 때문에 prototype을 사용하지 않고 객체 인스턴스에 직접 추가한다. 메소드 안에서는 this 와 프로퍼티 이름을 사용해서 다른 프로퍼티에 접근 할 수 있다.
외부에서 프로퍼티에 접근하는 방법은 다음과 같다.
3. 세번째 방법
마지막으로 살펴볼 방법은 객체를 생성할 때 사용하는 함수를 이용하는 방법이다. 이 경우에는 함수를 변수에 직접 배정해 일회용으로 사용한다.
프로퍼티에 접근하는 방법은 동일하다.
여러 개의 메소드들과 프로퍼티들을 하나의 객체로 캡슐화 하고자 할 때에도 일회용 객체를 사용할 수 있다.
이 객체는 전체 프로그램에서 재사용 할 수 있다. 객체 인스턴스가 여러 개 필요한 것이 아니라 하나만 필요한 것이다.
자바스크립에서도 이와 유사한 개념으로 일회용 객체를 생성하는 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());
var oneOff = new Object();oneOff.variablea = "valuea";oneOff.variableb = "valueb";oneOff.method = function(){return this.variablea + " " + this.variableb;};
외부에서 프로퍼티에 접근하는 방법은 다음과 같다.
alert(oneOff2.variableb);alert(oneOff2.method());
마지막으로 살펴볼 방법은 객체를 생성할 때 사용하는 함수를 이용하는 방법이다. 이 경우에는 함수를 변수에 직접 배정해 일회용으로 사용한다.
var oneOff = new function () {this.variablea = "variablea";this.variableb = "variableb";this.method = function () {return this.variablea + " " + this.variableb;}}
여러 개의 메소드들과 프로퍼티들을 하나의 객체로 캡슐화 하고자 할 때에도 일회용 객체를 사용할 수 있다.
이 객체는 전체 프로그램에서 재사용 할 수 있다. 객체 인스턴스가 여러 개 필요한 것이 아니라 하나만 필요한 것이다.
댓글 0
번호 | 제목 | 글쓴이 | 날짜 | 조회 수 |
---|---|---|---|---|
66 | 익스플로러용 스크립트 디버거 (Script Debugger for Windows NT 4.0 and Later) | 황제낙엽 | 2008.12.11 | 441 |
65 | 소숫점을 포함한 반올림 | 황제낙엽 | 2008.12.11 | 422 |
64 |
int * float 연산 오류
![]() | 황제낙엽 | 2008.12.11 | 454 |
63 |
JavaScript Form Validation
![]() | 황제낙엽 | 2008.11.24 | 465 |
62 | 정규식 정리 | 황제낙엽 | 2008.11.24 | 475 |
61 | setTimeout() / setInterval() 메소드 | 황제낙엽 | 2008.11.05 | 441 |
60 | [key:value] 형태로 object를 저장할 수 있는 Static영역의 해쉬맵 클래스 (Map) | 황제낙엽 | 2008.11.04 | 359 |
59 | String xml 파싱 | 황제낙엽 | 2008.11.03 | 463 |
58 | innerHTML | 황제낙엽 | 2008.11.03 | 443 |
57 | DOM과 innerHTML 방법에 대한 비교 분석 | 황제낙엽 | 2008.11.03 | 463 |
56 | 익명함수의 사용 | 황제낙엽 | 2008.10.14 | 403 |
55 | Javascript 내장객체 Array (배열) | 황제낙엽 | 2008.10.13 | 417 |
54 | 자바 스크립트에서 sleep 기능을~ | 황제낙엽 | 2008.10.02 | 395 |
53 | position스타일과 top, left스타일 | 황제낙엽 | 2008.09.24 | 378 |
52 | 자바스크립트에서 이벤트 처리에 대한 일련의 흐름 | 황제낙엽 | 2008.09.18 | 491 |
51 | 함수와 인자값 (arguments) | 황제낙엽 | 2008.08.12 | 310 |
50 | 중첩 함수, 함수 클로저 | 황제낙엽 | 2008.08.12 | 1210 |
» | 재사용 가능한 일회용 객체 | 황제낙엽 | 2008.08.08 | 440 |
48 | 생성자 체인과 상속 | 황제낙엽 | 2008.08.08 | 294 |
47 | Public/Private 프로퍼티와 this | 황제낙엽 | 2008.08.08 | 296 |