미미 공부/취미방

Javascrip 객체 지향 프로그래밍 : 객체 간의 상속 본문

Programming

Javascrip 객체 지향 프로그래밍 : 객체 간의 상속

mionager 2022. 10. 4. 22:40

객체 간의 상속


객체가 다른 객체 코드 가져오기(상속)

class의 상속/확장 같지만 객체끼리 이루어지고

좀 더 작은 범위에서 행해지는 느낌이다.

 

객체상속 코드 2가지 알아보기

1. __proto__ :  표준이 아니지만 널리 사용되고 있어서 표준 같은 코드

var obj1 = {
    obj1Val : '1 val'
}

// __proto__
var obj2 = {};
obj2.__proto__ = obj1;

console.log(obj2.obj1Val); // 결과. 1 val

obj1과 obj2가 객체인 상태에서 가능하다.

 

2. Object.create() : 표준 코드. __proto__를 대체하기 위해 나온 코드

var obj1 = {
    obj1Val : '1 val'
}

// Object.create()
var obj2 = Object.create(obj1);

console.log(obj2.obj1Val); // 결과. 1 val

 

상속받은 값 변경

변경해도 상속해준 객체의 원래 값은 바뀌지 않는다.

obj2.obj1Val = '2 val';
console.log(obj2.obj1Val) // 결과. 2 Val

console.log(obj1.obj1Val) // 결과. 1 Val

 

 

 

참조 : https://opentutorials.org/module/4047/24626

 

실습준비 - JavaScript 객체 지향 프로그래밍

수업소개 이 수업은 순수한 JavaScript의 기능만을 이용합니다. 따라서 웹브라우저나 Nodejs와 같은 JavaScript 실행환경 모두에서 동작합니다. 실습환경을 구축하는 방법을 소개합니다.  강의

opentutorials.org

 

Comments