函数内的变量 + 回调

Question

我有一个函数（zReaderRequest，见下文），其中回调函数正在使用第一个函数的本地变量，即此处的“rq”。对函数 zReaderRequest 的新调用会创建一个新变量“rq”还是回调函数会使用相同的“rq”？如果他们使用相同的，我该怎么办？创建一个包含此函数的对象，或者？

function zReaderRequest(zURL, outputElt, displayFun) {
    switch (outputElt.dataset.zReaderStatus) {
    case undefined:
        outputElt.dataset.zReaderStatus = "requested";
        var rq = new XMLHttpRequest();
        rq.onload = function() {
            if (displayFun(rq, outputElt))
                outputElt.dataset.zReaderStatus = "received";
            else
                outputElt.dataset.zReaderStatus = "failed";
        };
        rq.open("GET", zURL, true);
        rq.setRequestHeader("Zotero-API-Version", "2");
        rq.send();
        break;
    }
}

我在哪里可以学到这一点，这样我就不必问这样的问题了？ ;-)

Answer 1

回调函数是一个闭包——它引用自变量rq。对该回调的每次调用都将使用相同的 rq 变量。但是，如果您再次调用zReaderRequest，它将创建一个新的闭包，该闭包引用存储在不同rq 中的不同对象（因为当输入zReaderRequest 函数时，rq 就存在了）。我认为这是您希望该代码的行为。

至于在哪里了解所有这些内容，我推荐 Mozilla 开发者网络上的JavaScript Guide。在名为（惊喜！）Closures 的章节中讨论了闭包。 MDN 的另一个好资源是A re-introduction to JavaScript (JS Tutorial)。它们涵盖了许多相同的材料，但阐述不同。