본문 바로가기

플밍 is 뭔들/JavaScript&jQuery

[JavaScript] ECMAScript 2015 / ES6 (2) / 클래스(Class)

ES6 클래스는 프로토타입 기반 객체지향 패턴을 더 쉽게 사용할 수 있는 대체재이다. 클래스 패턴 생성을 더 쉽고 단순하게 생성할 수 있어서 사용하기도 편하고 상호운용성도 증가된다고 한다.
 
※ 클래스 생성자
생성자는 constructor 이름을 갖는 특수한 형태의 함수이다.
class Timer {
 
    //constructor 생성자
    constructor(time){
        this.time = time;
    }
}
 
※ 클래스 메소드
class Timer {
 
    //constructor 생성자
    constructor(time){
        this.time = time;
    }
    
    getTime(){
        return this.time;
    }
 
    setTime(time){
        this.time = time;
    }
}
 
※ 클래스 인스턴스화 
const timer = new Timer(1);
console.log(timer.getTime());     // 1 출력
 
timer.setTime(3);
console.log(timer.getTime());     // 3 출력