Tech/Javascript

[Javascript] 객체 상속 (object-inheritance), Object.create()

lonnie(동현) 2021. 1. 3. 23:13

1. Object.create()을 사용해보기

superObj 라는 객체 선언

 만약 이 superObj 라는 객체를 부모로 하고, 상속받는 자식 객체를 만들고 싶으면 어떻게 하면 될까? 아래와 같은 형식을 이용하면 된다.

 실제 코드에 적용해본 것이다. 이를 통해서 부모 객체의 상속을 받는 subObj 객체를 만들 수 있었다. 

객체의 상속을 진행하는 코드

 subObj 객체가 잘 만들어졌는지 객체의 property를 입력해주고 출력을 진행해보았다.

subObj 객체에 property를 입력하고, 그 값과 상속 받은 값을 출력해본 코드

 그 결과 정상적으로 잘 출력이 되는 것을 확인할 수 있다.

위 코드의 출력 값

728x90
반응형

'Tech > Javascript' 카테고리의 다른 글

[Javascript] DOM - Critical Rendering Path  (0) 2021.01.18
[Javascript ] DOM  (0) 2021.01.18
[Javascript] 객체 상속 (object-inheritance), __proto__  (0) 2021.01.03
[Javascript] super  (0) 2021.01.03
[Javascript] 상속(Inheritance)  (0) 2021.01.02