[javascript] 클래스(class) 이용 방식

자바스크립트로 자바의 클래식같은 형식의 표현법을 알아보겠습니다.

1. 첫번째 방식(오브젝트 리터널 방식)

var className = {

classValue:"Name",

methodName : function(){

alert('메소드 사용':+this.classValue);

}

}

$("#classClick").click(function(){

className.methodName();

});

2. 두번째 방식(함수방식)

function functionTypeClass(){

this.functionClassValue = "test";

this.functionMethod= function(){

alert('함수방식 테스트'+this.functionClassValue);

}

}

$("#classClick").click(function(){

var functionClass = new functionTypeClass();

functionClass.functionClassValue  = "test2";

functionClass.functionMethod();

});

3. 세번째 방식(프로토타입 방식)

function protoTypeClass(){

this.protoTypeClassValue = "protoType test";

}

protoTypeClass.prototype.protoTypeMethod = function(){

alert('프로토타입 테스트'+this.protoTypeClassValue);

}

$("#classClick").click(function(){

var protoClass = new protoTypeClass();

protoClass.protoTypeMethod();

});