-
자바스크립트 객체를 생성하는 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 LiteralmyApp.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 newmyApp.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