자바스크립트 ES6의 Class(클래스) 입니다.
JS에서 클래스라니.. 신기하네요.
클래스에 대해 알아보겠습니다.
Class
먼저 자바스크립트의 클래스는 Object가 아니고, Template입니다.
(Object를 위한 Template입니다.)
클래스라 함은, 자바에서는 객체단위로 코드 재사용성이 매우좋아지는 장점이있습니다.
그렇다면, 자바스크립트에서의 클래스 선언은 어떻게 이루어질까요?
|
1
2
3
|
class ClassName {
constructor() { ... }
}
|
cs |
위와 같은 문법으로 클래스를 생성 할 수 있습니다.
그럼 예를들어보겠습니다.
|
1
2
3
4
5
6
|
class Car {
constructor(name, year) {
this.name = name;
this.year = year;
}
}
|
cs |
자동차라는 클래스에 2가지의 속성을 주었습니다.
실제로 해당 클래스를 사용해보겠습니다.
|
1
2
|
let myCar1 = new Car("Ford", 2014);
let myCar2 = new Car("Audi", 2019);
|
cs |
변수를 선언하고 클래스 객체를 선언
|
1
2
3
4
5
6
|
console.log(myCar1.name);
console.log(myCar1.year);
console.log(myCar2.name);
console.log(myCar2.year);
console.log(myCar1);
console.log(myCar2);
|
cs |
예시 결과
객체를 로그로 찍어보았을때는 Object타입으로 바로 출력되는것을 확인할수있습니다.
간단한 게 ES6의 Class에 대해 알아보았습니다.
감사합니다.
반응형
'IT > JS' 카테고리의 다른 글
| 자바스크립트 ES6 For/Of Loop (0) | 2021.05.17 |
|---|---|
| 자바스크립트 ES6 let, const keyword (0) | 2021.05.17 |
| MosaicFlow 모자익플로우 알아보기 (0) | 2019.02.11 |
| 자바스크립트 ES6 '=>' 화살표 문법 (Arrow function) (0) | 2019.01.09 |
| JavaScript 타임스탬프->날짜변환(Date) / 숫자형 3자리단위 콤마(,) 찍기 (0) | 2018.12.20 |
sample.zip
Sample.html