JavaScript

[JavaScript #7] 클래스 (Class)

zamezzz 2018. 6. 4. 00:17

 클래스 (Class)



오늘은 클래스라는 개념을 정리해보겠습니다.


ES6에서는 클래스 선언이 추가가 되었습니다. 


클래스 타입으로 클래스를 정의하고 new키워드를 통해 해당 클래스의 인스턴스를 만들 수


있습니다. 그리고 이를 사용할 수 있습니다.


먼저 어떻게 클래스 타입을 사용하는지 예제를 보겠습니다.


Class Info {

  constructor(name, age) {

    this.name = name

    this.age = age

  }


  print() {

    console.log('이름 : ${this.name} , 나이 : ${this.age}')

  }

}


위와 같이 Info라는 클래스를 정의했습니다.


Info클래스는 이름과 나이 정보를 가지고 있고, 이를 출력하는 메소드가 있습니다.


이를 사용하기 위해서는 위에 말한대로 new키워드를 사용합니다.


const user1 = new Info("tubee", 30)


console.log(user1.print())   // 이름 : tubee , 나이 : 30




사실 ES6의 클래스 선언은 내부적으로 기존 자바스크립트의 Prototype을 상속받아


메소드를 정의하여 동작하고 있다고 합니다.


다만 클래스 선언을 통해 사용하는 사람에게 큰 편의를 제공해주고 있습니다.


이해하기가 쉽게 표현할 수 있다는 점에서 좋은 방법인 것 같습니다.


감사합니다.



반응형