變量沖突處理
發(fā)布:dxy 發(fā)布日期:
2006-9-22 字體:[
增加 減小] 類(lèi)型:轉載
最近做了一階段的AJAX開(kāi)發(fā),有一些心得體會(huì )。日后會(huì )慢慢寫(xiě)出來(lái),也請AJAXer多多指教~ 剛開(kāi)始寫(xiě)AJAX代碼的時(shí)候,直接參照的是AJAX基礎教程一書(shū)中的代碼(該書(shū)真的很不錯,是AJAX入門(mén)的經(jīng)典教材,是圖靈出版社的。計算機方面的書(shū)籍,我最信任的就是O‘R和圖靈的)。
該書(shū)的創(chuàng )建XMLHttpRequest對象的代碼如下:
var xmlHttp;
function createXMLHttpRequest() { if (window.ActiveXObject) { xmlHttp = new ActiveXObject("Microsoft.XMLHTTP"); } else if (window.XMLHttpRequest) { xmlHttp = new XMLHttpRequest(); }}
在一般情況下,該代碼的使用不會(huì )帶來(lái)任何問(wèn)題。
如:
function test1(){ createXMLHttpRequest(); xmlHttp.onreadystatechange = handleStateChange1; url = "test.php?ts=" + new Date().getTime(); xmlHttp.open("GET", url, true); xmlHttp.send(null);}
function test2(){ createXMLHttpRequest(); xmlHttp.onreadystatechange = handleStateChange2; url = "test.php?ts=" + new Date().getTime(); xmlHttp.open("GET", url, true); xmlHttp.send(null);}
function handleStateChange1() { ......
}
function handleStateChange2() { ......
}
..........
在頁(yè)面的不同地方調用test1,test2函數都能正常工作。即不同時(shí)刻調用的話(huà),就不會(huì )產(chǎn)生問(wèn)題。
但是假如你需要在同一時(shí)刻同時(shí)調用這兩個(gè)函數,則會(huì )發(fā)現只有其中一個(gè)可以正常運行。
比如,我在加載頁(yè)面的時(shí)候運行如下函數:
function init(){ test1(); test2();}
此時(shí),則test1,test2只有一個(gè)函數會(huì )正常執行。
分析下原因,是由于javascript的語(yǔ)言特性導致。一般情況下,Javascript的變量,函數等等,都是公用的,其他對象都能訪(fǎng)問(wèn)(可讀可寫(xiě))。這就是問(wèn)題的所在。在同一時(shí)刻,調用test1和test2就會(huì )出現“變量xmlHttp”的沖突。
解決方法:
1 最簡(jiǎn)單的方法,不要在同一時(shí)刻調用,如init函數可以改為:
function init(){ test1(); setTimeout("test2()",500);}
但該方法屬于投機,并未真正解決問(wèn)題。
2 修改“XMLHttpRequest創(chuàng )建函數”,改為一實(shí)例化函數。
function createXMLHttpRequest() { if (window.ActiveXObject) { var xmlHttpObj = new ActiveXObject("Microsoft.XMLHTTP"); } else if (window.XMLHttpRequest) { var xmlHttpObj = new XMLHttpRequest(); } return xmlHttpObj;}
實(shí)例化時(shí)相應的改為:
function test1(){ xmlHttp_1 = createXMLHttpRequest();
xmlHttp_1.onreadystatechange = handleStateChange1; url_1 = "test.php?ts=" + new Date().getTime(); xmlHttp_1.open("GET", url, true); xmlHttp_1.send(null);}
function test2(){ xmlHttp_2 = createXMLHttpRequest();
xmlHttp_2.onreadystatechange = handleStateChange1; url_2 = "test.php?ts=" + new Date().getTime(); xmlHttp_2.open("GET", url, true); xmlHttp_2.send(null);}
這樣子處理的話(huà),即使在同一時(shí)刻調用test1,test2函數,也不會(huì )產(chǎn)生問(wèn)題了,實(shí)現了真正的“同步”。
#######################################################
通過(guò)該方法,可以引申出javascript中對象的“私有屬性”的創(chuàng )建方法:
1 私有屬性可以在構造函數中使用 var 關(guān)鍵字定義。
2 私有屬性只能由特權函數公用訪(fǎng)問(wèn)。(特權函數就是在構造函數中使用this關(guān)鍵字定義的函數)。外部客戶(hù)可以訪(fǎng)問(wèn)特權函數,而且特權函數可以訪(fǎng)問(wèn)對象的私有屬性。
比如下面這個(gè)Vehicle類(lèi),則wheelCount和curbWeightInPounds就是私有屬性,只能通過(guò)特權函數訪(fǎng)問(wèn)/設置了:
function Vehicle() { var wheelCount = 4; var curbWeightInPounds = 4000;
this.getWheelCount = function() { return wheelCount; }
this.setWheelCount = function(count) { wheelCount = count; }
this.getCurbWeightInPounds = function() { return curbWeightInPounds; }
this.setCurbWeightInPounds = function(weight) { curbWeightInPounds = weight; }
}
本站僅提供存儲服務(wù),所有內容均由用戶(hù)發(fā)布,如發(fā)現有害或侵權內容,請
點(diǎn)擊舉報。