執行Javascript繼承

Question

我想了解繼承在JavaScript

function baseClass(name) { 
    this.name = name; 
    this.getName = function() { 
     return this.name; 
    } 
} 



function subClass(id, company){ 
     baseClass.call(this); 
     this.id = id; 
     this.company = company; 
     this.toString = function() { 
      return name + "\n" + this.id + "\n" + this.company; 
     } 
    } 



subClass.prototype = Object.create(baseClass); 
    var s = new subClass(); 
    s.toString(); //here the name property from the baseClass is not displayed. 

如何正確地實現繼承（經典/原型）

Answer 1

首先，有兩個小問題：

• 套管JavaScript中的問題。 Object.create需要小寫，並且您的函數名稱不匹配（subClass與​​）。通常，構造函數名稱是大寫的。
• 使用屬性this.name（這是繼承）而不是變量name（這是不確定的） - 見Javascript: Do I need to put this.var for every variable in an object?

如何正確地實現繼承

移動的方法（其中唐在原型對象上不需要特權，在構造函數作用域中沒有局部變量）。並讓SubClass.prototype繼承自BaseClass.prototype，而不是從BaseClass函數繼承。

function BaseClass(name) { 
    this.name = name; 
} 
BaseClass.prototype.getName = function() { 
    return this.name; 
}; 

function SubClass(id, company){ 
    BaseClass.call(this); 
    this.id = id; 
    this.company = company; 
} 
SubClass.prototype = Object.create(BaseClass.prototype); 
SubClass.prototype.toString = function() { 
    return this.name + "\n" + this.id + "\n" + this.company; 
}; 

new SubClass().toString()不從基類

你調用不帶任何參數的構造顯示的名稱屬性。 id,company和name屬性將具有undefined值。此外，您的​​甚至沒有name的參數，並且它不會將任何內容傳遞給BaseClass構造函數調用。