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,怎麼弄?
隻需要這樣:
本文來自雲栖社群合作夥伴“汪子熙”,了解相關資訊可以關注微信公衆号"汪子熙"。