[ECMA Script6] 5. 클래스

1. 클래스

  ES6 이전에는 클래스가 존재하지는 않았으나, 프로토타입을 이용하여 메서드를 정의해 사용하였습니다.

function MyFunc(pName, pVersion){
    this.pName = pName
    this.pVersion = pVersion
}
 
MyFunc.prototype.print = function(){
    console.log("Name : ", this.pName +', Version : '+this.pVersion)
}
 
var func = new MyFunc("테스트","1.0.0.1")
 
func.print() // Name : 테스트, Version : 1.0.0.1

ES6에는 전통적인 객체지향 언어에서 사용하던 클래스 선언 방식이 가능해졌습니다.

 
class MyFunc {
    constructor(pName, pVersion) {
        this.pName = pName
        this.pVersion = pVersion        
    }
    
    print() {
        console.log(`Name : ${this.pName} , Version : ${this.pVersion}`)        
    }
}
 
 
 

클래스를 선언 한 다음, new 키워드를 이용하여 새로운 인스턴스를 만들 수 있습니다.

const func = new MyFunc("클래스","2.1.0.1")
 
func.print() // Name : 클래스, Version : 2.1.0.1

클래스 사용이 가능해지면서, 객체지향의 3요소인 상속도 가능해졌습니다.

 
class SubFunc extends MyFunc {
    constructor(pSubName,pName, pVersion) {
        this.pSubName= pSubName
        super(pName, pVersion)   
    }
    
    print() {
        super.print()
        console.log(`SubName : ${this.pSubName}`)        
    }
}
 

const func2 = new SubFunc("서브클래스","클래스","2.1.0.1")
 
func2.print() 
// Name : 클래스, Version : 2.1.0.1
// SubName : 서브클래스