[JavaScript] JavaScript 클래스 - ES6 Classes

기존의 자바스크립트에서는 prototype을 이용해 유사하게 상속을 구현했다.

그러나 ES6 이후 Class가 나오면서 명료하고 간편하게 객체를 생성하고, 상속을 구현할 수 있게 되었다.

 

+ 참고

: function() 대신 () 을 써도 된다.

 

📌 생성자 함수

생성자 메서드 constructor()는 속성을 설정하며 function 키워드 없이 작성한다.

이 메서드는 this 문맥을 생성하기 때문에 this에 속성을 할당하며 인수를 이용해

인스턴스마다 다른 속성을 부여할 수 있다.

 

메서드를 정의하려면 생성자 메서드와 마찬가지로 function 키워드 없이 작성한다.

this로 현재 클래스 속성에 접근할 수 있다.

Class 사용 전과 후

 

Classes - JavaScript | MDN