|
其他靜態(tài)成員
另外，你需要給Y.Base.create()的第五個(gè)參數(shù)上掛載兩個(gè)靜態(tài)成員，如果你開發(fā)一個(gè)插件(plugin)，你需要傳入NS(命名空間Namespace的縮寫)參數(shù)，否則插件就無法工作，NS是一個(gè)字符串，作為在宿主對(duì)象中的一個(gè)屬性，插件將掛載其上，不過你要特別小心，選擇NS命名的時(shí)候不要覆蓋已有的插件命名。
如果你開發(fā)一個(gè)需要漸進(jìn)增強(qiáng)的組件(widget)，你需要傳入HTML_PARSER參數(shù)，HTML_PARSER是一個(gè)object，其成員可以是從配置參數(shù)傳入的已有的HTML片段獲取，也可以來自于一個(gè)(CSS3)選擇器或者一個(gè)getter函數(shù)。請(qǐng)參考Widget使用指南中的Progressive Enhancement來了解更多。
當(dāng)然，你有時(shí)會(huì)提供一些類靜態(tài)成員(屬性/方法)，并暴露給開發(fā)者去調(diào)用，而類中的常量由于閉包的保護(hù)對(duì)外并不可見，如果你想對(duì)外暴露他們，則需要通過Y.Base.create()的第五個(gè)參數(shù)傳入一個(gè)boject，object的成員都會(huì)被當(dāng)作靜態(tài)成員掛載在類本身上。例如WidgetStdMod中的HEADER，BODY和FOOTER常量就是用這種方法聲明的靜態(tài)常量，不過你需要通過Y.WidgetStdMod.BODY來訪問。
實(shí)例成員
Y.Base.create()的第四個(gè)參數(shù)(object)會(huì)mix到類原型上，通常我們先聲明屬性后聲明方法，沒有原因一定要這樣，只是慣例，聲明的順序也不影響程序的執(zhí)行。這樣約定是為了更工整的組織你的代碼，盡管你在類構(gòu)造器中也可以創(chuàng)建成員，但還是強(qiáng)烈建議先聲明后賦值，聲明的位置用來為APIdoc補(bǔ)充注釋，這樣的coding方式大大增強(qiáng)源碼的可讀性。
私有屬性通常帶有下劃線前綴， 類的公共接口最好通過Attribute傳入，而不是直接掛載實(shí)例屬性，直接掛載屬性很不安全，畢竟它不像通過Attribute可以帶入校驗(yàn)器、適配參數(shù)類型(通過setter函數(shù))，并且可以支持AOP的一些特性諸如觸發(fā)valuechange事件等，你會(huì)發(fā)現(xiàn)通過Attribute傳參的好處不勝枚舉。
在使用Attribute的時(shí)候，注意不要將成員初值設(shè)為對(duì)象或數(shù)組，因?yàn)樗鼈兌紩?huì)指向同一個(gè)object而使程序出錯(cuò)，最好將那些object成員初值設(shè)為null，也不要將屬性留空，如果實(shí)在不知道成員的數(shù)據(jù)類型，統(tǒng)統(tǒng)設(shè)置為null，因?yàn)樵谡{(diào)試程序的時(shí)候，引用那些沒有初值的成員會(huì)報(bào)一個(gè)“類型錯(cuò)誤”。
Base中的實(shí)例方法
你可能會(huì)注意到，在子類中并沒有定義類構(gòu)造器，因?yàn)樵跇?gòu)建實(shí)例的時(shí)候，Base會(huì)通過調(diào)用initializer方法(如果存在的話)對(duì)實(shí)例進(jìn)行初始化，Initializer使用的參數(shù)即是實(shí)例的構(gòu)造參數(shù)，所以可以把initializer看做構(gòu)造器，所有派生自Base的類在創(chuàng)建之時(shí)先要被Base“擴(kuò)充”（Argument）一下，Base這里被稱之為“摻元類”，參元類在調(diào)用initializer之前通過Attribute來傳入?yún)?shù)，對(duì)于設(shè)置了HTML_PARSER的Widget來說， Attribute中的屬性是從HTML“標(biāo)簽”中獲取，而不是直接從參數(shù)中讀的。
Initialize方法干了這么幾件事情，首先是將所有需要初始化的屬性設(shè)置為object或array，然后注冊(cè)(publish)自定義事件，雖然EventTarget可以直接在沒有注冊(cè)事件的情況下fire事件，但我還是建議先注冊(cè)事件類型（為了事件可以冒泡），同樣，類似先聲明后賦值的原則，你可以在注冊(cè)事件的地方補(bǔ)充APIDoc注釋，乍一看似乎在函數(shù)體內(nèi)寫APIDoc注釋很奇怪，但你也找不到更好的寫APIDoc注釋的方式。
接下來就是處理Initializer函數(shù)接受的參數(shù)，你也可以在參數(shù)中增加配置屬性中沒有的內(nèi)容，比如我們將on,after, buggleTargets和plugins等Base原本沒有的屬性(或方法)掛到Base上（參見Base），也可以給Widget父類掛載新的子屬性，盡管你在實(shí)例化一個(gè)對(duì)象的時(shí)候只傳入一個(gè)參數(shù)，但這個(gè)參數(shù)所包含的內(nèi)容不止與此。
Javascript沒有析構(gòu)函數(shù)的概念。Base允許你聲明一個(gè)名為destructor的函數(shù)來釋放內(nèi)存資源，依此來模擬析構(gòu)函數(shù)。但這只是一個(gè)折衷方案，在刪除一個(gè)對(duì)象時(shí)，javascript編譯器不會(huì)自動(dòng)回收其內(nèi)存，因此對(duì)于沒用的對(duì)象是需要手動(dòng)銷毀的，即調(diào)用一下析構(gòu)函數(shù)。
開發(fā)者在使用你的類的時(shí)候，不需要直接調(diào)用initializer和destructor，Base會(huì)在必要的時(shí)候調(diào)自動(dòng)用他們。Initializer會(huì)在對(duì)象實(shí)例化時(shí)調(diào)用，destuctor會(huì)在用戶調(diào)用destroy方法銷毀對(duì)象時(shí)調(diào)用。
綁定的事件沒有被解綁常常會(huì)造成內(nèi)存泄漏。Widget會(huì)自動(dòng)解除組件內(nèi)部綁定的事件，其他的手動(dòng)綁定的事件不會(huì)被自動(dòng)解除。Base也不能解除所有事件監(jiān)聽，我通常使用這段代碼來解除事件綁定，先在聲明私有成員_eventHandlers: _eventHandles: null,
然后在initializer方法內(nèi)將_eventhandlers設(shè)為數(shù)組 initializer: function (cfg) {
this._eventHandles = [];
// … …
},
同樣在initializer 函數(shù)(或者在Widget的bindUI函數(shù))中，通過這段代碼來綁定監(jiān)聽： this._eventHandles.push(this.after(‘someAttributeChange’, this._afterSomeAttributeChange, this));
在destructor方法內(nèi)： destructor: function () {
Y.each(this._eventHandles, function (handle) {
handle.detach();
});
},
這里在initializer中，有可能綁定了自定義事件(除了UI元素上的事件)，就像上文提到的，Attribute是處理參數(shù)的標(biāo)準(zhǔn)方式。任何非數(shù)據(jù)的存儲(chǔ)都由事件處理邏輯完成。在上面的例子中，我使用_afterSomeAttributeChange來監(jiān)聽someAttribut的屬性變化。事件發(fā)生會(huì)觸發(fā)回調(diào)，并帶入即事件對(duì)象（我通常以ev表示），事件對(duì)象包含幾個(gè)與事件相關(guān)的屬性，其中一個(gè)屬性newVal表示變化后的值。
出處：Taobao.com UED Team
責(zé)任編輯：bluehearts
上一頁 使用YUI 3開發(fā)Web應(yīng)用的訣竅 [3] 下一頁 使用YUI 3開發(fā)Web應(yīng)用的訣竅 [5]
◎進(jìn)入論壇網(wǎng)頁制作、WEB標(biāo)準(zhǔn)化版塊參加討論，我還想發(fā)表評(píng)論。
|
第 1 頁 
第 4 頁 使用YUI 3開發(fā)Web應(yīng)用的訣竅 [4]
