■ 클래스 (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을 상속받아
메소드를 정의하여 동작하고 있다고 합니다.
다만 클래스 선언을 통해 사용하는 사람에게 큰 편의를 제공해주고 있습니다.
이해하기가 쉽게 표현할 수 있다는 점에서 좋은 방법인 것 같습니다.
감사합니다.
반응형
'JavaScript' 카테고리의 다른 글
[JavaScript #9] Validate 정리 (중복, 필수값 체크) (0) | 2019.04.14 |
---|---|
[JavaScript #8] JSON Property Name 다루기 (0) | 2018.06.16 |
[JavaScript #6] 프라미스 (Promise) (0) | 2018.05.27 |
[JavaScript #5] ES6의 객체와 배열 (0) | 2018.05.20 |
[JavaScript #4] 화살표 함수 (arrow function) (0) | 2018.05.15 |