__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");
'Dev > JAVASCRIPT' 카테고리의 다른 글
Javascript JS 콜백함수 (callback) (0) | 2024.02.01 |
---|---|
Javascript JS 클래스(class) (1) | 2024.01.31 |
Javascript JS call / apply / bind (0) | 2024.01.30 |
Javascript JS setTimeout / setInterval (0) | 2024.01.30 |
Javascript JS arguments, 나머지 매개변수, 전개 구문(Rest parameters, Spread syntax) (0) | 2024.01.30 |