1、關(guān)于javascript的apply和call函數(shù) prototype.js中用了大量的apply和call函數(shù)，不注意會(huì)造成理解偏差。
官方解釋：應(yīng)用某一對(duì)象的一個(gè)方法，用另一個(gè)對(duì)象替換當(dāng)前對(duì)象。
apply與call的區(qū)別是第二個(gè)參數(shù)不同。apply是 數(shù)組或者arguments 對(duì)象。而call是逗號(hào)隔開的任何類型。
apply,call方法最讓人混淆的地方也是apply,call的特色。但最好不要濫用。
能改變調(diào)用函數(shù)的對(duì)象。如下例，函數(shù)中用到this關(guān)鍵字，這時(shí)候this代表的是apply,call函數(shù)的第一個(gè)參數(shù)。
2、關(guān)于閉包
prototype.js在Class.create,bind等中用到j(luò)avascript的閉包特色。但整體上prototype.js對(duì)于強(qiáng)大的閉包特性用的不多。大家可以參閱我翻譯的篇文章了解閉包。
3、讓我比較反感的兩個(gè)方法
（1）var Class = {
create: function() {
return function() {
this.initialize.apply(this, arguments);
}
}
}
很討厭用別的語(yǔ)言的風(fēng)格來(lái)寫javascript。用這個(gè)方法構(gòu)造自定義類 并沒(méi)有覺(jué)得有多方便，減少代碼行數(shù)，只會(huì)讓人難理解，多定義一個(gè)initialize方法。
其實(shí)討厭這條有些牽強(qiáng)，不過(guò)修改Object的原型對(duì)象就有點(diǎn)過(guò)分了。
（2）Object.prototype.extend
先不過(guò)你取個(gè)extend的名字會(huì)讓熟悉java的人引起的歧義。修改Object的prototype就說(shuō)不過(guò)去了。不知道作者是怎么考慮的。當(dāng)你for in循環(huán)對(duì)象是，麻煩就來(lái)了?？赡苡腥藭?huì)問(wèn)你for in干嗎。 我一個(gè)項(xiàng)目中既用了DWR,也用了prototype.js，dwr返回的javascript對(duì)象都多了個(gè)exetend屬性，還得特殊處理。
以前我比較過(guò)dojo和prototype.js中繼承的實(shí)現(xiàn)，現(xiàn)在我明白個(gè)道理。對(duì)于javascript這種沒(méi)有靜態(tài)類型檢查，語(yǔ)法寬松的語(yǔ)言來(lái)講，如果你選擇了某個(gè)js類庫(kù)，那你也必須適應(yīng)作者寫javascript的風(fēng)格。prototype.js的作者對(duì)extend的使用爐火純青，如果我們不當(dāng)它只是個(gè)屬性拷貝的函數(shù)的話，多讀讀prototype.js的代碼是好的。
4、關(guān)于函數(shù)的綁定
類庫(kù)提供了Function.prototype.bind Function.prototype.bindAsEventListener兩個(gè)方法。首先我們從概念上解釋一個(gè)這兩個(gè)方法。
任何一個(gè)函數(shù)都可以調(diào)用這兩個(gè)方法；參數(shù)的是javascript對(duì)象或網(wǎng)頁(yè)上元素對(duì)象；返回類型是個(gè)函數(shù)對(duì)象。
本來(lái)我就是個(gè)函數(shù)，返回還是函數(shù)，到這兩個(gè)函數(shù)有什么不同呢?？磳?shí)現(xiàn)代碼，關(guān)鍵還是applycall函數(shù)的代碼。其實(shí)這里只是轉(zhuǎn)化了一下方法調(diào)用的對(duì)象。
Test
這是 上舉的例子，個(gè)人感覺(jué)沒(méi)什么意思，反而讓我對(duì)bind,bindAsEventListener有些反感。（javascript就是這樣，明明大家都知道的語(yǔ)法，但寫出來(lái)的代碼差別確很大）
看下面代碼：https://compdoc2cn.dev.java.net/
Test
從上面代碼可以看出bind/bindAsEventListener只是包裝了一下apply/call方法，改變方法的調(diào)用對(duì)象。如例子，你可以把obj.getName方法轉(zhuǎn)化成任何對(duì)象調(diào)用，并且把方法讓表單元素觸發(fā)。（bind和bindAsEventListener之間只是返回函數(shù)的參數(shù)不同）
這兩個(gè)方法也可以用在對(duì)象之間的方法重用，實(shí)現(xiàn)類似繼承方法的概念。看以下代碼，其實(shí)是比較無(wú)聊的。
我從來(lái)沒(méi)讀過(guò)prototype.js的擴(kuò)展項(xiàng)目代碼，也不知道bind..的最佳實(shí)踐，一起挖掘吧。但你絕對(duì)不要把bind/bindAsEventListener從綁定的詞義上來(lái)理解，可能會(huì)讓你更加迷惑。從apply/call理解本質(zhì)。應(yīng)用某一對(duì)象的一個(gè)方法，用另一個(gè)對(duì)象替換當(dāng)前對(duì)象。
5、關(guān)于事件的注冊(cè)
Test
執(zhí)行上面代碼，你就能明白Event.observe與bind/bindAsEventListener之間的區(qū)別：
（１） 顯然Event.observe有限制，只能處理簡(jiǎn)單的函數(shù)，并函數(shù)中不能有this之類的東西。
（２）Event.observe內(nèi)部用到addEventListener／attachEvent。能把多個(gè)函數(shù)加到一個(gè)觸發(fā)事件（window.onload）。bind是覆蓋。
6、關(guān)于事件監(jiān)聽(tīng)最佳實(shí)踐
很顯然prototype.js提供的事件注冊(cè)方法不是很完善。那看看dojo的時(shí)間注冊(cè)吧（中文版），更加復(fù)雜，估計(jì)很多人像我一樣，對(duì)于dojo暫時(shí)持觀望態(tài)度。
如果你看過(guò)的前篇關(guān)于閉包的介紹，可能見(jiàn)過(guò)以下代碼。
看以下代碼前我想表述一個(gè)觀點(diǎn)，任何網(wǎng)頁(yè)中元素，瀏覽器都會(huì)為你創(chuàng)建一個(gè)對(duì)象（見(jiàn)）。（我覺(jué)得）這些對(duì)象與你建立javascript對(duì)象區(qū)別是它們有事件監(jiān)聽(tīng)，會(huì)響應(yīng)鼠標(biāo)鍵盤的事件。如果你用了以下代碼，那么把事件監(jiān)聽(tīng)代碼很好的轉(zhuǎn)化到你的javascript代碼中。
function associateObjWithEvent(obj, methodName){
return (function(e){
e = e||window.event;
return obj[methodName](e, this);
});
}
function DhtmlObject(elementId){
var el = getElementWithId(elementId);
if(el){
el.onclick = associateObjWithEvent(this, "doOnClick");
el. = associateObjWithEvent(this, "doMouseOver");
el. = associateObjWithEvent(this, "doMouseOut");
}
}
DhtmlObject.prototype.doOnClick = function(event, element){
... // doOnClick method body.
}
DhtmlObject.prototype.doMouseOver = function(event, element){
... // doMouseOver method body.
}
DhtmlObject.prototype.doMouseOut = function(event, element){
... // doMouseOut method body.
}
