Javascript繼承行爲不端

Question

我這裏有一些JS代碼鏈接如果你打開你的JS控制檯，你會遇到這樣一小段代碼片段

var r = new TempPopupForm("xxx"); 
r.create(); 

錯誤會出現

TypeError: this.init is not a function 

刪除

這個錯誤是說這個對象沒有實現init方法。

但是，這不是true.As你可以在代碼中看到下面的init方法聲明。

TempPopupForm.prototype = new PopupForm(); 
TempPopupForm.prototype.constructor = TempPopupForm; 
TempPopupForm.superclass = PopupForm.prototype; 

function TempPopupForm(name) { 
    this.init(name); 
} 
TempPopupForm.prototype.init = function(name) { 
    TempPopupForm.superclass.init.call(this, name); 
}; 

我想繼承定義是錯誤的，但我不知道它是什麼。

BTW有一些第三方的依賴。

編輯

我是按照本文以及其中funcs中是有序的像我有。訂單實際上適用於其他類，但不適用於此類。 http://www.kevlindev.com/tutorials/javascript/inheritance/inheritance10.htm

Answer 1

您需要重新排序的功能和實例。由於您的構造函數正在使用其自己的原型方法來初始化，它們都需要位於實例化對象的塊之上。 JavaScript提升頂級功能。

試試這個 -

function TempPopupForm(name) { 
    this.init(name); 
} 

TempPopupForm.prototype = new PopupForm(); 
TempPopupForm.prototype.constructor = TempPopupForm; 
TempPopupForm.superclass = PopupForm.prototype; 

TempPopupForm.prototype.init = function(name) { 
    TempPopupForm.superclass.init.call(this, name); 
}; 

var r = new TempPopupForm("xxx"); 
r.create();