javascript - 在javascript中构建一个简单的ajax类

Question

我正在尝试为 chrome 扩展制作一个简单的 ajax 类。当我尝试运行代码时，出现未定义错误 Uncaught TypeError: Cannot read property 'readyState' of undefined。似乎是什么导致了这个问题？

function ajax(arguments, callback) {
    this.xhr = new XMLHttpRequest();
    this.xhr.open(arguments.requestType, arguments.requestUrl + arguments.requestParameters, true);
    this.xhr.onreadystatechange = function() {
        if (this.readyState === 4 && this.status === 200) {
            requestedData = JSON.parse(this.responseText);
            callback(requestedData);
        }
    }
    this.xhr.send();
}

var ajaxRequest = new ajax({ 
    requestType: 'GET',
    requestUrl: 'http://ezswag.com/bots/terms.php',
    requestParameters: ' ',
    }, function(json) {
        //console.log(json);  => json {apple: "red", cheery: "red"}
        return json;
    });

    console.log(ajaxRequest);

(已更新代码，并且可以正常工作)

Answer 1

this 的值取决于函数的调用方式。

当您将 ajax 函数作为构造函数调用时(请注意，约定说您应该以大写字母开头构造函数名称)this 是正在创建的实例。

在readyState函数中，this是XMLHttpRequest对象。

在 readyState 函数中所有对 this.xhr 的引用都应该是 this