Javascript子類對象不保留基類的屬性/方法

Question

function Man(name){
   this.name = name || 'John';
}
Man.prototype.getName = function(){
   return this.name;
}

function Emp(id){
   this.id = id;
}
Emp.prototype = Object.create(Man.prototype);
Emp.prototype.display = function(){
  return this.id;
}

//Testing

var emp = new Emp(100);
emp.id ; // 100
emp.display() //100

然而，

emp.name // undefined
emp.getName() // undefined

emp instanceof Man // true, proves inheritance

為什么emp.name和emp.getName() undefined

Answer 1

為什么emp.name和emp.getName() undefined

因為您永遠不會將Man應用於新的Emp實例。 您還必須在子構造函數中調用父構造函數：

function Emp(id){
   Man.call(this); // call parent constructor
   this.id = id;
}

使用ECMAScript 6類，您將必須調用super ：

class Emp extends Man {
    constructor(id) {
        super();
        this.id = id;
    }
}