Enjoy Development

지식관리, 메모장, 기억저장소, 참고자료, ...

JavaScript Class snippet

2014.02.17 15:28 | 조회 수 : 45913

클래스 선언 - 함수 형태의 Class 선언 및 사용#1

function Animal(type) {
    this.type = type;
    this.name = "";
    this.bark = function() { alert("bark"); };
}
var d = new Animal("dog");
d.name = "dog";
d.bark();

클래스 선언 - 함수 형태의 Class 선언 및 사용#2

Animal = function(type) {
    this.type = type;
    this.name = "";
    this.bark = function() { alert("bark"); };
}
var d = new Animal("dog");
d.name = "dog";
d.bark();

클래스 선언 - 함수 형태의 선언 및 Prototype을 이용한 Method 추가

function Animal(type) {
    this.type = type;
    this.name = "";
}
Animal.prototype.bark = function() {
    alert("bark");
}
var d = new Animal("dog");
d.name = "dog";
d.bark();

클래스 선언과 함께 인스턴스 생성 - Object 문법

var d = {
    type: "anonymous",
    name: "",
    bark: function() {
        alert("bark");
    }
}
d.type = "doc";
d.name = "doc";
d.bark();

클래스 선언과 함께 인스턴스 생성 - 함수 형태

var d = new function() {
    this.type = "anonymous";
    this.name = "";
    this.bark = function() { alert("bark"); };
}
d.name = "dog";
d.bark();

Namespace를 적용한 클래스 선언

var NS = {};

NS.Animal = function(type) {
    this.type = type;
    this.name = "";
    this.bark = function() { alert("bark"); };
}
var d = new NS.Animal("dog");
d.name = "dog";
d.bark();
Powered by EnjoyDev | Xpress Engine | DNS Powered by DNSEver.com