为什么JavaScript原型不工作在这种情况下

Question

我的情况下，（为什么 “测试1” 没有出现在警报窗口）：

var Parent=function(){ 
    this.test1= function(){ 
     alert("test1"); 
    } 
} 

var Child=function(){ 
    this.prototype=new Parent(); 
} 

var test=new Child(); 
test.test1(); 

http://jsfiddle.net/c3sUM/2/（相同的代码在网上试试）

感谢

Answer 1

问题是您没有分配Child的原型，而是在Child的实例中创建了一个属性prototype，该实例指向Parent的实例。

instead, do this：

var Child = function(){};  // create constructor 
Child.prototype = new Parent(); // assign instance of parent to constructor's 
           // prototype 

A similar answer可能有助于

Answer 2

您的代码将更加清晰使用函数声明：

// Parent constructor 
function Parent() {} 

// Methods of Parent.prototype are inherited by 
// instances of parent 
Parent.prototype.test1 = function() { 
    alert('test 1'); 
} 

// Child constructor 
function Child(){} 

// Make Child.prototype an instance of Parent so 
// instances inherit from Child and Parent 
Child.prototype = new Parent(); 

// Instance inherits from Child (and hence Parent); 
var child = new Child(); 

child.test1(); // 'test 1' 

在这种情况下使用了声明函数表达式的唯一原因是如果你想动态创建基于其他逻辑的构造函数。