javascript - 将变量附加到 XMLHttpRequest 的最佳实践？

Question

var xhr=new XMLHttpRequest();
xhr.open('GET','example.php');
xhr.myVar=0;
xhr.onreadystatechange=function(){
  this.myVar=this.responseText.length;
  var s=this.readyState+":"+this.myVar+":"+this.responseText;
  document.getElementById('x').innerHTML=s;
  };

我在网页上有这个脚本(和 <p id="x"></p> )。我想附加一个变量以在 onreadystatechange 中使用函数(显然，在实际代码中我用它做了一些比在这里更有趣的事情)。

这在我尝试过的浏览器中运行良好，但它让我感到紧张。有我应该遵循的约定吗？例如。为自定义变量添加下划线或类似的前缀？

顺便说一句，附加一个成员变量感觉完全正确:主要的替代方案是使用全局变量，我根本不喜欢它(我可能在页面上有两个 XMLHttpRequest 对象)。

Answer 1

您可以使用closures .

假设此 ajax 请求位于函数体内，那么您可以使用 var 关键字声明 myVar 并在 onreadystatechange 函数中使用它，如下所示如果它是局部变量。

function x() {

    ....
    ....

    var xhr = new XMLHttpRequest();
    xhr.open('GET', 'example.php');
    var myVar = 0;
    xhr.onreadystatechange = function() {
        this.myVar = this.responseText.length;
        var s = this.readyState + ":" + myVar + ":" + this.responseText;
        document.getElementById('x').innerHTML = s;
    };

    ....
    ....

}