天天看點

UI5 control inheritance implementation question問題2

C同僚問了我這個問題。

使用下列這段代碼extend UI5标準的控件。

問題1:為什麼new 一個JerryButton時,line 35會觸發?

var oJerryButton = new JerryButton({ application: oApplication } );

答案:

debug extend的實作, 在line 330裡把調用extend指定的constructor賦給fnClass

然後在line 352把fnClass賦給fnClass.prototype.constructor. 這樣,每次用fnClass這個構造器new新的instance時,constructor指向的function會自動被call到。

問題2

為什麼把constructor的指派放到extend function外面,由application自己顯式指派,但是在new的時候卻不會被調用到了?

原因是此時傳入的constructor為undefine,是以fnClass也是undefine

是以line 352注入的實際上是line 346動态生成的函數體為fnBaseClass.apply的function,這樣當然我們自定義的constructor不會執行了。

如果你非要想在extend外面指定constructor,怎麼弄?

隻需要這樣:

本文來自雲栖社群合作夥伴“汪子熙”,了解相關資訊可以關注微信公衆号"汪子熙"。

繼續閱讀