JavaScript - как сделать это возможным, чтобы наследовать

Question

Я пытаюсь сделать это можно наследовать от этого класса:

function Vehicle(p) { 
    this.brand = p.brand || ""; 
    this.model = p.model || ""; 
    this.wheels = p.wheels || 0; 
} 

Vehicle.prototype.getBrand = function() { 
    return this.brand; 
}; 
Vehicle.prototype.getModel = function() { 
    return this.model; 
}; 
Vehicle.prototype.getWheels = function() { 
    return this.wheels; 
}; 

var myVehicle = new Vehicle({ 
    brand: "Mazda", 
    model: "RX7", 
    wheels: 4 
}); 

console.log(myVehicle); 

Я пытался делать это так:

function Vehicle(p) { 
    this.brand = p.brand || ""; 
    this.model = p.model || ""; 
    this.wheels = p.wheels || 0; 
} 

Vehicle.prototype.getBrand = function() { 
    return this.brand; 
}; 
Vehicle.prototype.getModel = function() { 
    return this.model; 
}; 
Vehicle.prototype.getWheels = function() { 
    return this.wheels; 
}; 

function Car(){} 
Car.prototype = new Vehicle(); 
Car.prototype.getWheels = function() { 
    return 4; 
}; 

var myCar = new Car({ 
    brand: "Mazda", 
    model: "RX7" 
}); 

console.log(myCar); 

но мне кажется, как это не работает:

> Uncaught TypeError: Cannot read property 'brand' of undefined 

Может кто-нибудь объяснить мне, что случилось? Наверное, это не способ записи, но почему?

Answer 1

В дополнение к тому, что @elclanrs сказал:

function Car() { 
    Vehicle.apply(this, arguments); 
} 
var c = function() {}; 
c.prototype = Vehicle.prototype; 
Car.prototype = new c(); 

Живая демонстрация: http://jsfiddle.net/x3K9b/1/

Answer 2

Вы должны назвать «супер» в Car:

function Car() { 
    Vehicle.apply(this, arguments); 
} 

Помимо этого вы можете сделать p дополнительно, просто назначая пустой объект, например, что избавит от ошибки. И, наконец, указать на правый конструктор так:

function Vehicle(p) { 
    p = p || {}; //<= 
    this.brand = p.brand || ""; 
    this.model = p.model || ""; 
    this.wheels = p.wheels || 0; 
} 

//... 

Car.prototype = new Vehicle(); 
Car.prototype.constructor = Car; //<= 

Edit: В противном случае просто используйте Object.create:

Car.prototype = Object.create(Vehicle.prototype); 

Это заботится о назначении конструктора и все.