개발/JavaScript

객체의 상속

나태쿤 2021. 5. 31. 00:55
728x90

부모 객체를 상속받아 부모 객체의 프로퍼티에 접근할 수 있으며

자식 객체에서 "자바의 오버라이딩" 처럼 재정의도 할수 있다.

Object.create(부모) 메서드로 상속받을 수 있다.

예제에서는 twoObj라는 자식 객체가 oneObj 객체를 부모 객체로 상속 받았다.

코드를 보면 각 경우에대해서 이해가 될것이다.

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
// 객체 상속
let oneObj = { 
    order: "치킨",
    count : "5마리",
    callChkien() { return this.total = this.order + this.count}
};
 
let twoObj = Object.create(oneObj);    // 객체 상속
 
console.log(oneObj.callChkien());   // 치킨5마리
console.log(twoObj.callChkien());   // 치킨5마리
 
oneObj.order = "양념치킨";
console.log(oneObj.callChkien());   // 양념치킨5마리
console.log(twoObj.callChkien());   // 양념치킨5마리
 
twoObj.order = "블랙페퍼치킨"
console.log(oneObj.callChkien());   // 양념치킨5마리
console.log(twoObj.callChkien());   // 블랙페퍼치킨5마리
cs
728x90