Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
Tags
- Next.js13
- til
- 자바스크립트 문제풀이
- 알고리즘문제풀이
- 자바스크립트 알고리즘 문제
- 프로그래머스
- leetcode문제풀이
- 리액트
- HTML
- 자바스크립트 연결리스트
- JS
- 자바스크립트 문제 풀이
- 프론트엔드
- react
- 자바스크립트 알고리즘
- Next
- 자바스크립트 문제
- lodash
- 타입스크립트
- NPM
- stack문제
- Baekjoon
- JavaScript
- CSS
- next13
- 자바스크립트
- 리액트쿼리
- 자바스크립트코딩테스트
- 제로베이스
- leetcode
Archives
- Today
- Total
코드노트
상속(확장) extends키워드, super 함수 활용하기 본문
class Vehicle {
constructor(name, wheel) {
this.name = name
this.wheel = wheel
}
};
const myVehicle = new Vehicle('운동수단', 2);
console.log(myVehicle);
class Bicycle extends Vehicle {
constructor(name, wheel) {
super(name, wheel)
}
};
const myBicycle = new Bicycle('삼천리', 2);
const daughtersBicycle = new Bicycle('세발', 3)
console.log(myBicycle)
console.log(daughtersBicycle)
class Car extends Vehicle {
constructor(name, wheel, license) {
super(name, wheel)
this.license = license
}
}
const myCar = new Car('벤츠', 4, true)
const daughtersCar = new Car('포르쉐', 4, false)
console.log(myCar)
console.log(daughtersCar)
- 기존에 정의했던 클래스에서 extends키워드와 super함수를 통해서 상속할 수 있다.
- 새로운 클래스에 extends키워드와 super와 함께 다른 인수를 추가해서 상속받을 수 있다.
'Code note' 카테고리의 다른 글
typescript Primitive Type 알아보기 (0) | 2022.06.14 |
---|---|
typescript npm으로 사용하기 (0) | 2022.06.11 |
git 시작하기 (0) | 2022.05.23 |
현재년도 나타내기 js (0) | 2022.05.20 |
html entitles HTML 특수문자 사용 코드 (0) | 2022.05.20 |