为什么不应该立即运行的 JavaScript 函数会导致一些延迟？ [复制]

Question

我有两个函数，showhide 和 getSourceCode。我希望showhide 在提交后立即执行（隐藏对话框），但getSourceCode 很长，所以我让它稍后执行。但是，在我点击提交和showhide 生效之间仍然会出现一些延迟。当我删除getSourceCode时，对话框可以立即消失，但只要有getSourceCode，它总是延迟，即使我setTimeout它。

document.querySelector("[type=submit]").onclick = function (event) {

    showhide('dialogBox');

    if (options[0].checked) {
          setTimeout(getSourceCode(),10000);          
    }
}

function getSourceCode() {

    var htmlastext = ajax("something.aspx");

    function HTML(text) {

        this.fullCode = (new DOMParser()).parseFromString(text, "text/html");
        this.scripts = this.fullCode.querySelectorAll("script[src]");
        this.style = this.fullCode.querySelector("link[rel=stylesheet]");
        this.images = this.fullCode.querySelectorAll("img");

        this.replaceContent = function (content, element, tag) {
            var newElement = this.fullCode.createElement(tag);
            newElement.innerHTML = content;
            element.parentNode.replaceChild(newElement, element);
        }

        this.modify = function () {

            var externalContent;
            var serverpath = window.location.origin;

            for (var i = 0; i < this.scripts.length; i++) {
                externalContent = ajax(this.scripts[i].src.slice(serverpath.length));
                this.replaceContent(externalContent, this.scripts[i], "script");
            }

            externalContent = ajax(this.style.href.slice(serverpath.length));
            this.replaceContent(externalContent, this.style, "style");


            var removeTagList = [
                this.fullCode.getElementById("logout"),
                this.fullCode.getElementById("saveHTML"),
                this.fullCode.getElementById("dialogOverlay"),
                this.fullCode.querySelectorAll("script")[4],
                this.fullCode.querySelector("link")
            ];

            for (i=0; i<removeTagList.length; i++) {
                removeTagList[i].parentNode.removeChild(removeTagList[i]);
            }
        }
    }

    var htmlDoc = new HTML(htmlastext);
    var html = htmlDoc.fullCode;
    htmlDoc.modify();
    htmlastext = (new XMLSerializer()).serializeToString(html);

    var txtarea = document.createElement("textarea");
    txtarea.innerHTML = htmlastext;
    htmlastext = txtarea.value;
    document.getElementById("encodedSourceCode").value = btoa(htmlastext);

}

为什么showhide会出现延迟？ JavaScript 函数不是同步的吗？ setTimeOut 不是可以防止参数函数在超时之前执行吗？如何在提交后立即隐藏对话框而不删除getSourceCode？

Answer 1

问题出在这一行：

setTimeout(getSourceCode(),10000);

因为getSourceCode函数被立即调用（因为()在它之后），并且只有它的返回值传递给setTimeout。

去掉你的函数后面的括号，然后你的函数将被传递给setTimeout，它会在内部调用它。

setTimeout(getSourceCode,10000);