? ajax_request.send();
}
?
function handleResponse(){
? if(ajax_request.readyState != 4) return;
? if(ajax_request.status == 200){
??? var xml = ajax_request.responseXML;
??? /*?對獲得的xml的處理 */
? }
}
?
調用的時候可以直接在頁面里調用
getPerson();
?
這個函數會建立一個httpRequest對象，然后發送請求，在請求返回的時候會自動調用handleResponse函數來完成操作。
在簡單的環境上，上述代碼會工作得很好，但是如果在一個頁面中要執行多次這種操作就比較麻煩了，需要寫多個函數，看一下上面的定義：
var ajax_request; 表示這是個全局變量，多次請求的時候每個請求都要用到這個對象，ajax又是異步的，無法事先確定哪個請求先返回。
?
如果把ajax_request作為函數內的局部變量呢？那樣如果在handleResponse里能看到ajax_request對象就可以解決這個問題了。
可以考慮把ajax_request作為一個參數傳遞給handleResponse，現在的問題是，對handleResponse的調用是自動的，怎么能在參數列表中添加這個參數呢？我們想到了this變量，在javascript中，所有的東西都是對象，this表示當前對象，在函數中this就表示當前的函數。
javascript提供了一種可以改變this的方法——apply()。
javascript對apply的解釋是：使用指定對象替換當前對象并調用函數。比如：
?
function test_apply(){
? alert(this);
}
test_apply.apply(document, []);
?
就表示調用函數test_apply，并用document對象來替換test_apply中的this。
?
回到剛剛的問題，為了修改當前對象，需要在指定handleResponse的時候就修改this對象。ajax_request.onstatechange是一個函數的句柄，只要我把一個函數的句柄賦值給它就可以了，同時函數也是一種對象，Function對象，因此我們為函數對象添加一個方法：
Function.prototype.setThis(){
? var curr_function = this;
? var to_this_object = arguments[0];
? return function(){
??? currFunc.apply(to_this_object, []);
? };
}
?
下面，修改getPerson為：
functiong getPerson(){
? var tmp_request = getHttpRequest();??? //建立一個http request
? tmp_request.onstatechange = handleResponse.setThis(tmp_request);? //指定回調函數
?
修改handleResponse為：
function handleResponse(){
? if(this.readyState != 4) return;
? if(this.status == 200){
??? var xml = this.responseXML;
??? /*?對獲得的xml的處理 */
? }
}
即可。
具體的變化就在于tmp_request.onstatechange = handleResponse.setThis(tmp_request);?
因為handleResponse是一個函數，因此它具有Function新添加的方法setThis，
下面來看setThis方法：
var curr_function = this;? //獲得當前的函數本身
var to_this_object = arguments[0];? //獲得要指定的新的this對象
return function(){
??? currFunc.apply(to_this_object, []);
? };
?
這里的返回值是一個函數，即當tmp_request的onstatechange事件的時候會觸發這個函數，該函數中只有一句
currFunc.apply(to_this_object, []);即用to_this_object替換當前對象并調用currFunc，在這里currFunc即代表了handleResponse，因此調用handleResponse，因為已經修改了其this對象，因此在handleResponse中用this即代表了tmp_request對象。
用這種方法可以減化代碼，并使代碼更具可重用性。
posted on 2006-10-26 18:54
SIMONE 閱讀(4900)
評論(1) 編輯 收藏 所屬分類:
JavaScript
