728x90
01. 클래스
클래스는 함수의 집합체입니다.
class study {
constructor(num, name, job) {
this.num = num;
this.name = name;
this.job = job;
}
result() {
document.write(this.num + ". 내 이름은 " + this.name + "이며, 직업은 " + this.job + "입니다.")
}
}
const info1 = new study("1", "웹쓰", "웹퍼블리셔");
const info2 = new study("2", "웹스토리보이", "프론트앤드 개발자");
info1.result();
info2.result();
결과보기
02. 클래스 상속
클래스 상속을 사용하면 클래스를 다른 클래스로 확장할 수 있습니다. 기존에 존재하던 기능을 토대로 새로운 기능을 만들 수 있습니다.
class study {
constructor(num, name, job) {
this.num = num;
this.name = name;
this.job = job;
}
result() {
document.write(this.num + ". 내 이름은 " + this.name + "이며, 직업은 " + this.job + "입니다.")
}
}
class study2 extends study {
constructor(num, name, job, age) {
super(num, name, job);
this.age = age;
}
result() {
document.write(this.num + ". 내 이름은 " + this.name + "이며, 직업은 " + this.job + "이며 나이는 " + this.age + "세 입니다.")
}
}
const info1 = new study("1", "웹쓰", "웹퍼블리셔");
const info2 = new study2("2", "웹스토리보이", "프론트앤드 개발자", 100);
info1.result();
info2.result();
info2.result();
결과보기
728x90
반응형
'Javascript' 카테고리의 다른 글
| [javascript]unshift(), shift(), reverse(), sort() (1) | 2022.09.27 |
|---|---|
| [javascript]startsWith() / endsWith() (1) | 2022.09.27 |
| [javascript]콜백함수 (2) | 2022.09.20 |
| [javascript]재귀함수, 내부함수 (1) | 2022.09.20 |
| [javascript]펼침연산자 - 복사, 추가, 결합 (2) | 2022.09.20 |
댓글