了解JavaScript中的原型继承

Question

了解JavaScript中的原型继承

我是JavaScript OOP的新手。你能解释下面的代码块之间的区别吗？我测试了两个块都有效。什么是最佳实践，为什么？

第一块：

function Car(name){
    this.Name = name;}Car.prototype.Drive = function(){
    console.log("My name is " + this.Name + " and I'm driving.");}SuperCar.prototype = new Car();SuperCar.prototype.constructor = SuperCar;function SuperCar(name){
    Car.call(this, name);}SuperCar.prototype.Fly = function(){
    console.log("My name is " + this.Name + " and I'm flying!");}var myCar = new Car("Car");myCar.Drive();var mySuperCar = new SuperCar("SuperCar");mySuperCar.Drive();mySuperCar.Fly();

第二块：

function Car(name){

    this.Name = name;

    this.Drive = function(){ 

        console.log("My name is " + this.Name + " and I'm driving.");

    }

}

SuperCar.prototype = new Car();

function SuperCar(name){

    Car.call(this, name);

    this.Fly = function(){

        console.log("My name is " + this.Name + " and I'm flying!");

    }

}

var myCar = new Car("Car");

myCar.Drive();

var mySuperCar = new SuperCar("SuperCar");

mySuperCar.Drive();

mySuperCar.Fly();

为什么笔者的增加Drive和Fly方法使用prototype，并没有宣布他们的this.Drive内部方法Car类和this.Fly在SuperCar类？

为什么SuperCar.prototype.constructor需要重新开始SuperCar？设置constructor时prototype是否覆盖了属性？我评论了这一行并没有改变。

为什么要Car.call(this, name);在SuperCar构造函数中调用？Car当我这样做时，属性和方法不会被“继承”

var myCar = new Car("Car");

Answer 1

这两个块的不同之处在于，在第一个示例中Drive()仅存在一次，而在第二个方法Drive()中将存在每个实例（每次执行new Car()此功能时drive()将再次创建）。或者说不同的是第一个使用原型来存储函数而第二个使用构造函数。函数的查找是构造函数，然后是原型。因此，对于Drive()它的查找，无论它是在构造函数中还是在原型中，都会找到它。使用原型更有效，因为通常每种类型只需要一次函数。newjavascript中的调用会自动在原型中设置构造函数。如果要覆盖原型，则必须手动设置构造函数。javascript中的继承没有什么比这更好的了super。因此，如果你有一个子类，那么调用超级构造函数的唯一机会就是它的名字。