728x170
class 정의?
객체를 생성하기 위한 템플렛입니다.
ES2015에서 도입된 클래스는 생성자의 기능을 대체하기 위해 사용됩니다.
생성자와 같은 기능을 하는 함수를 훨씬더 깔끔한 문법으로 정의 할 수 있습니다.
class 안에 생성자(constructor)는 property라 불리고 함수(function)는 method라 불릴수 있습니다
super 키워드는 부로 오브젝트의 함수를 호출 할때 사용됩니다
extends 키워드는 클래스 상속을해서 클래스를 다른클래스로 사용이 가능합니다.
예제
constructor 생성자를 선언하고 name , age 인자값을 주었습니다
new 새로운 객체를 만들고 값을 출력하면
이렇게 잘나옵니다.
이번에는 extends , super 활용해보겠습니다
class 선언하고 property을 선언하고 name , age , study 인자 값을 전달하고 method greet 선언합니다
여기서 extends로 brother에 person2를 상속받아서 super로 부모에 property를 상속받아서 같은 name , age , study 값을 전달합니다
todo method를 선언합니다
이렇게 new생성자로 객체를 만들어주고
출력을하면 값이 잘나옵니다
출력을 하면 값을 잘 뽑아냅니다!!!
오늘은 class 활용하는 방법을 공부를했습니다
그리드형
'JavaScript' 카테고리의 다른 글
| 배열에 개념 과 Api 정리1편 (1) | 2022.03.03 |
|---|---|
| Javascript hasOwnProperty 메소드를 알아봐요! (2) | 2021.09.27 |
| javascript 함수에 대해서 공부해요 (5) | 2021.08.26 |
| 오늘은 javascript에 데이터타입을 알아봐요! (5) | 2021.08.25 |
| OOP (object oriented programing )을 공부해요 (5) | 2021.08.20 |