JavaScript中的继承不起作用

Question

为什么jordan的属性不是Human类？不应该说Coder.prototype = new Human;足以让所有Coder类继承Human类的所有属性？

它是否与将函数定义为赋值有关？

var Human = function() { 
    var hi = function() { 
     alert('hi'); 
     }; 
    return { 
     name : 'dan', 
     sayHi : hi 
    }; 
}; 

var dan = new Human(); 

var Coder = function() { 
    var code = function() { 
     alert('1010101'); 
    };  
    return { 
    code : code 
    }; 
}; 

Coder.prototype = new Human; 
Coder.prototype.constructor = new Coder; 
var jordan = new Coder(); 
console.log(jordan); 

Answer 1

这是一个有趣的事情：一个JS构造函数可以返回一个成为这个的对象。但是这个对象并不遵循构造函数定义的原型（在这种情况下，它是一个普通的Object）。看起来像您的代码的正确方法是：

var Human = function() { 
    var hi = function() { 
     alert('hi'); 
    }; 
    this.name = "dan"; 
    this.sayHi = hi; 
}; 

// or even: 
var Human = function() { 
    this.name = "dan"; 
}; 

Human.prototype.sayHi = function() { 
    alert('hi'); 
}; 

与Coder类似。继承代码是OK的。

Answer 2

您的构造函数不会返回它们正在创建的对象，因此继承将不起作用。用这个代替：

var Human = function() { 
    this.sayHi = function() { 
     alert('hi'); 
    }; 
    this.name = 'dan'; 
}; 

var dan = new Human(); 

var Coder = function() { 
    this.code = function() { 
     alert('1010101'); 
    };  
}; 

Coder.prototype = new Human; 
Coder.prototype.constructor = Coder; 
var jordan = new Coder(); 
console.log(jordan); 

另一种选择，从Human移动的东西原型：

var Human = function() {}; 
Human.prototype.sayHi = function() { 
    alert('hi'); 
}; 
Human.prototype.name = 'dan'; // will be shadowed if redefined on instances 

var Coder = function() {}; 
Coder.prototype = Object.create(Human.prototype); 
Coder.prototype.code = function() { 
    alert('1010101'); 
}; 
var jordan = new Coder(); 
console.log(jordan); 

一种Object.create填充工具是available on MDN