变量冲突处理
【编者按】网学网Ajax频道为大家收集整理了“变量冲突处理“提供大家参考，希望对大家有所帮助!
最近做了一阶段的AJAX开发，有一些心得体会。日后会慢慢写出来,也请AJAXer多多指教～ 刚开始写AJAX代码的时候，直接参照的是AJAX基础教程一书中的代码（该书真的很不错，是AJAX入门的经典教材，是图灵出版社的。计算机方面的书籍，我最信任的就是O''R和图灵的）。该书的创建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() { ......
}
..........
在页面的不同地方调用test1,test2函数都能正常工作。即不同时刻调用的话，就不会产生问题。
但是假如你需要在同一时刻同时调用这两个函数，则会发现只有其中一个可以正常运行。
比如，我在加载页面的时候运行如下函数：
function init(){ test1(); test2();}
此时，则test1,test2只有一个函数会正常执行。
分析下原因，是由于javascript的语言特性导致。一般情况下，Javascript的变量，函数等等，都是公用的，其他对象都能访问（可读可写）。这就是问题的所在。在同一时刻，调用test1和test2就会出现“变量xmlHttp”的冲突。
解决方法：
1 最简单的方法，不要在同一时刻调用，如init函数可以改为：
function init(){ test1(); setTimeout("test2()",500);}
但该方法属于投机，并未真正解决问题。
2 修改“XMLHttpRequest创建函数”，改为一实例化函数。
function createXMLHttpRequest() { if (window.ActiveXObject) { var xmlHttpObj = new ActiveXObject("Microsoft.XMLHTTP"); } else if (window.XMLHttpRequest) { var xmlHttpObj = new XMLHttpRequest(); } return xmlHttpObj;}
实例化时相应的改为：
function test1(){ xmlHttp_1 = createXMLHttpRequest();
xmlHttp_1.onreadystatechange = handleStateChange1; url_1 =