[TIL 2021.11.12] 프로토타입과 상속

프로토타입은 상속이랑 비슷하다.
자바스크립트로 상속을 구현하는 것이 프로토타입을 이용하는 것이다.
객체나 배열 등 모두 프로토타입을 가지고 있다.
프로토타입에서 자바스크립트 네이티브 API를 사용할수있던것이다.

const car = {
    wheels: 4,
    drive() {
        console.log("I drive..");
    }
}

const bmw = {
    color: "red",
    smart: true,
    ugly: true
}

bmw.__proto__ = car;

위 코드처럼 사용할수도있지만 개별적인 프로퍼티도 설정해줄수있다.

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

const x5 = new Bmw("red");

Bmw.prototype.chairs = 5;
Bmw.prototype.stop = function () {
    console.log("I stop....");
}