상세 컨텐츠

본문 제목

JavaScript :: 객체 간의 상속

JavaScript

by 비오스터딩 2020. 8. 1. 10:37

본문

 

 

  객체 간의 상속  

class를 이용한 방법이 아니어도,

객체 간에 상속을 받도록 부모객체를 설정할 수 있음.

 

방법 1.

  부모객체.__proto__ = 자식객체;  

 

__proto__를 사용하는 방법은

자바스크립트표준은 아니지만 웬만한 브라우저에서 작동가능하다.

 

superObj를 subObj의 부모객체로 지정(상속) 후,

부모객체인 superObj의 인자인 superVal을

subObj.superVal로 불러올 수 있음.

 

**

subObj.superVal = 'sub'로 바꾸어도,

superObj.superVal은 바뀌지 않음.

subObj.superVal만 바뀜.

 

 

 

 

방법 2.

__proto__를 대신하여 만들어진 방법.

var 자식객체 = Object.creat(부모객체);

 

__proto__ 메서드를 사용하는 대신

Object.create(superObj)를 사용하여

객체를 상속할 수 있다.

 

그 결과값이 __proto__메서드와 같다.

 

 

 

 

ex.

__proto__메서드와 표준방법(Object.creat)를 사용해서 만들어봄.

둘의 결과값이 같음을 확인 할 수 있다.

 

 

 

 

반응형

'JavaScript' 카테고리의 다른 글

JavaScript :: prototype과 __proto__  (0) 2020.08.05
JavaScript :: 객체와 함수(call, bind)  (0) 2020.08.05
JavaScript :: super  (0) 2020.08.01
JavaScript :: 클래스, 상속  (0) 2020.07.30
JavaScript :: 객체 생성자, 프로토타입  (0) 2020.07.29

관련글 더보기

댓글 영역