天天看點

UI5 control inheritance implementation question

C同僚問了我這個問題。

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

UI5 control inheritance implementation question

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

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

UI5 control inheritance implementation question

答案:

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

UI5 control inheritance implementation question

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

UI5 control inheritance implementation question

問題2

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

UI5 control inheritance implementation question

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

UI5 control inheritance implementation question

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

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

隻需要這樣:

UI5 control inheritance implementation question

繼續閱讀