javascript - 将带有参数的 javascript 函数分配给变量会立即被调用

Question

我试图在页面正文加载之前创建一个xmlHttpRequest。当尝试分配 onreadystatechange 函数时，该函数会立即被调用，从而返回 xmlHttp.readyState 始终为 0 .

我想我打电话的方式不对。我该如何正确分配函数？

//create xmlHttp object
function CreateXmlHttp() {
    try {
        var xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
    } catch(e) {
        try {
            xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
        } catch(eo) {
            xmlHttp = null;
        }
    }
    if(!xmlHttp && typeof XMLHttpRequest != "undefined") {
        xmlHttp = new XMLHttpRequest();
    }
    return xmlHttp;
}

//request call
function post(url, func, XML) {
    var xmlHttp = CreateXmlHttp();
    //problem?
    xmlHttp.onreadystatechange = (function (xmlHttp, func) {
        if(xmlHttp.readyState == 4 && xmlHttp.status == 200) {
            func(xmlHttp.responseText);
        }
    })(xmlHttp, func);
    xmlHttp.open("POST", url, true);
    xmlHttp.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded; charset=utf-8');
    if(XML==null){
        XML = '';
    }
    xmlHttp.send(XML);
}

post('/json/checklogged', function (data) {
    var jsonData = eval("(" + data + ")"); //I know, this eval is dangerous
    if(jsonData.logged){
        var url = '${nextUrl}';
        post(url, function(data){
            document.open();
            document.write(data);
            document.close();
        });
        history.pushState({}, '', url);
    }
});

Answer 1

xmlHttp.onreadystatechange = function () {
    if(xmlHttp.readyState == 4 && xmlHttp.status == 200) {
        func(xmlHttp.responseText);
    }
};

根本不执行该函数。您正在分配一个监听器，即创建(而不是执行)将在适当的时间调用的函数。

函数内的值将在范围内，因此无需传递它们(这不会有帮助，因为偶数委托(delegate)无论如何也不会传递它们)。它称为词法作用域、静态作用域或功能作用域(这些术语并不相同，但在这种情况下它们足够相似)。