네이처리 노트
[javascript] 클래스 본문
728x90
반응형
공부하면서 정리한 내용입니다
참고한 내용은 맨 아래의 링크를 확인해주세요!
simple example
class Company{
constructor(where = "사무실"){
this.all = [];
this.where = where;
}
newPerson(who = "김인턴"){
this.all.push({"who": who, "where": where});
return this;
}
get member(){
return this.all;
}
}
let apple = new Company();
apple.newPerson("최인턴");
apple.newPerson("옥인턴");
console.log(apple.member); // ["최인턴", "옥인턴"]
extends example
class Game extends Company{
constructor(){
super("개발팀"); // 상속 (부모에 파라미터값이 있을 경우, 전달 가능)
}
develop(){
this.make = "something new";
return this;
}
get release(){
return this.make;
}
get member(){ // get 여러번 사용 가능
return super.member; // 상속받은 코드 사용하기 (동일한 함수명은 오버랩스가능)
}
}
let play = new Game();
play.newPerson("남인턴");
console.log(play.develop().release); // (자식클래스) something new
console.log(play.member); // (부모클래스) [{who: 남인턴},{where: 개발팀}]
Reference
728x90
반응형
'개발기록 > Javascript' 카테고리의 다른 글
[javascript] 제어문 switch (0) | 2022.09.05 |
---|---|
[javascript] 제어문 if, else if 간단 정리 (0) | 2022.09.05 |
[javascript] function.prototype.apply() (0) | 2022.09.05 |
[javascript] function 상속 (0) | 2022.09.05 |
[javascript] function 생성자함수 (0) | 2022.09.03 |
Comments