Javascript JS 상속, 프로토타입(prototype)

__proto__

// __proto__ / prototype 상속의 개념
// 객체 내부에서 프로퍼티를 찾고 없으면 자동으로 __proto__ 탐색
const car = {
  wheels: 4,
  drive() {
    console.log("drive...");
  },
};

const Bmw = function (color) {
  this.color = color;
};

const x5 = new Bmw("red");
const z4 = new Bmw("blue");

x5.__proto__ = car;
z4.__proto__ = car;

 

prototype

// prototype을 이용한 같은 방법
const Bmw = function (color) {
  this.color = color;
};

Bmw.prototype.wheels = 4;
Bmw.prototype.drive = fucntion() {
  console.log("drive...");
}

const x5 = new Bmw("red");
const z4 = new Bmw("blue");

 

prototype 코드 정리

// prototype 코드 정리
const Bmw = function (color) {
  this.color = color;
};

Bmw.prototype = {
  wheels = 4,
  drive() {
    console.log("drive...");
  }
}

const x5 = new Bmw("red");
const z4 = new Bmw("blue");