AJAX 加载与 Getters 和 Setters 结合使用

Question

我一直在使用 getter 和 setter 来避免使用全局变量。但是，我遇到了问题。下面的代码可以很好地处理整数变量，但当我尝试运行 AJAX 调用时会抛出异常。有人可以向我解释为什么会发生这种情况吗？

---

function Object_XML() {
    me = this;
    me.xml = null;
}

Object_XML.prototype = {

    getXML: function() {
        return me.xml
    },

    setXML: function(data) {
        me.xml = data;  
    },

    loadXML: function() {
        $.ajax({
            type: "GET",
            url: "questions.xml",
            dataType: "xml",
            success: function(xml) {
                me.setXML(xml);         
            } //close success       
        });//close AJAX 
    }//close setXML

};

$(document).ready(function() {  
    var data = new Object_XML();
    alert("This is an " + data.getXML());
    data.setXML();
    alert("This is an " + data.getXML());
});

---

谢谢，埃利奥特·博纳维尔

Answer 1

您刚刚通过使用 me = this; 否定了对 getter 和 setter 的私有变量的使用 您刚刚通过不使用 var 将 me 设为全局变量。 （任何未使用 var 定义的变量都会附加到全局命名空间）

在您的情况下，由于您在同一对象范围内工作，因此您可以只使用 this 并避免 me就我个人而言，我认为这很令人困惑。但是，如果您想坚持该范例，请使用 var me = this;

您的示例确实不清楚，错误发生在哪里？您正在调用不带参数的 data.setXml()，因此 me.xml 将被设置为 undefined。如果您没有向该方法传递任何内容，则这是可以预料的。

另请记住，由于您的调用的异步性质，如果您

data.loadXml();
console.log("data.getXML();", data.getXML());  // would be undefined

当时要执行以下操作： data.getXML() 仍将是未定义的，因为您的异步调用可能尚未返回，因此不会设置对象的 xml 属性。