爲什麼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' 

在這種情況下使用了聲明函數表達式的唯一原因是如果你想動態創建基於其他邏輯的構造函數。