這篇文章主要介紹“如何處理變量沖突”，在日常操作中，相信很多人在如何處理變量沖突問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對大家解答”如何處理變量沖突”的疑惑有所幫助！接下來，請跟著小編一起來學(xué)習(xí)吧！

專注于為中小企業(yè)提供成都網(wǎng)站設(shè)計、成都網(wǎng)站制作服務(wù),電腦端+手機(jī)端+微信端的三站合一,更高效的管理,為中小企業(yè)廣靈免費(fèi)做網(wǎng)站提供優(yōu)質(zhì)的服務(wù)。我們立足成都，凝聚了一批互聯(lián)網(wǎng)行業(yè)人才，有力地推動了近千家企業(yè)的穩(wěn)健成長，幫助中小企業(yè)通過網(wǎng)站建設(shè)實(shí)現(xiàn)規(guī)模擴(kuò)充和轉(zhuǎn)變。

   該書的創(chuàng)建XMLHttpRequest對象的代碼如下： 
var xmlHttp; 
function createXMLHttpRequest() {    if (window.ActiveXObject) {        xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");    }     else if (window.XMLHttpRequest) {        xmlHttp = new XMLHttpRequest();    }} 
在一般情況下，該代碼的使用不會帶來任何問題。
如：
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() {    ......
}
..........

在頁面的不同地方調(diào)用test1,test2函數(shù)都能正常工作。即不同時刻調(diào)用的話，就不會產(chǎn)生問題。

但是假如你需要在同一時刻同時調(diào)用這兩個函數(shù)，則會發(fā)現(xiàn)只有其中一個可以正常運(yùn)行。
比如，我在加載頁面的時候運(yùn)行如下函數(shù)：

function init(){ test1(); test2();}

此時，則test1,test2只有一個函數(shù)會正常執(zhí)行。

分析下原因，是由于javascript的語言特性導(dǎo)致。一般情況下，Javascript的變量，函數(shù)等等，都是公用的，其他對象都能訪問（可讀可寫）。這就是問題的所在。在同一時刻，調(diào)用test1和test2就會出現(xiàn)“變量xmlHttp”的沖突。

解決方法：

1  最簡單的方法，不要在同一時刻調(diào)用，如init函數(shù)可以改為：

function init(){ test1(); setTimeout("test2()",500);}

   但該方法屬于投機(jī)，并未真正解決問題。

2  修改“XMLHttpRequest創(chuàng)建函數(shù)”，改為一實(shí)例化函數(shù)。

function createXMLHttpRequest() {    if (window.ActiveXObject) {        var xmlHttpObj = new ActiveXObject("Microsoft.XMLHTTP");    }     else if (window.XMLHttpRequest) {        var xmlHttpObj = new XMLHttpRequest();    } return xmlHttpObj;}

實(shí)例化時相應(yīng)的改為：

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);}

這樣子處理的話，即使在同一時刻調(diào)用test1,test2函數(shù)，也不會產(chǎn)生問題了，實(shí)現(xiàn)了真正的“同步”。 

#######################################################
通過該方法，可以引申出javascript中對象的“私有屬性”的創(chuàng)建方法：
1 私有屬性可以在構(gòu)造函數(shù)中使用 var 關(guān)鍵字定義。
2 私有屬性只能由特權(quán)函數(shù)公用訪問。(特權(quán)函數(shù)就是在構(gòu)造函數(shù)中使用this關(guān)鍵字定義的函數(shù)）。外部客戶可以訪問特權(quán)函數(shù)，而且特權(quán)函數(shù)可以訪問對象的私有屬性。

比如下面這個Vehicle類，則wheelCount和curbWeightInPounds就是私有屬性，只能通過特權(quán)函數(shù)訪問/設(shè)置了：
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;    }
 }

到此，關(guān)于“如何處理變量沖突”的學(xué)習(xí)就結(jié)束了，希望能夠解決大家的疑惑。理論與實(shí)踐的搭配能更好的幫助大家學(xué)習(xí)，快去試試吧！若想繼續(xù)學(xué)習(xí)更多相關(guān)知識，請繼續(xù)關(guān)注創(chuàng)新互聯(lián)網(wǎng)站，小編會繼續(xù)努力為大家?guī)砀鄬?shí)用的文章！

網(wǎng)頁標(biāo)題：如何處理變量沖突-創(chuàng)新互聯(lián)
當(dāng)前地址：http://aaarwkj.com/article0/dgoooo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供品牌網(wǎng)站建設(shè)、用戶體驗、營銷型網(wǎng)站建設(shè)、動態(tài)網(wǎng)站、網(wǎng)站排名、虛擬主機(jī)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)