javascript - 如何回调给定的函数

Question

我正在修复代码，但由于 JavaScript 的异步特性而面临问题。在给定的函数中:

function submitQuery() {    
    disableButton();
    infoDisplay('DBQuery');
    enableButton()
}

disableButton() 用于将图像更改为禁用，让用户知道某个功能已启动。

infoDisplay() 是另一个在服务器端承载一些功能的函数。而启用按钮用于恢复正常图标。

function disableButton() {
    idBRQuerySubmitBtn.src='images/Button/Disabled/Retransmit_Message_Search.gif';
    idQuerySubmitBtn.src='images/Button/Disabled/Database_Access_Search.gif';
    idQueryResetBtn.src='images/Button/Disabled/Reset.gif';
}

function enableButton() {
   alert('to check when it is fired');
   idBRQuerySubmitBtn.src='images/Button/Normal/Retransmit_Message_Search.gif';
   idQuerySubmitBtn.src='images/Button/Normal/Database_Access_Search.gif';
   idQueryResetBtn.src='images/Button/Normal/Reset.gif';
}

此处 enableButton() 在 infoDisplay() 完成之前被触发。如何确保在触发 enableButton 之前执行 infoDisplay()？

Answer 1

我建议您将 enableButton 作为回调函数传递给 infoDisplay。因此，将您的 infoDisplay 函数修改为

function infoDisplay(parameter, callback) {
    //Do something
    if (callback && typeof(callback) === "function") {
        callback();
    }
}

像这样调用函数

infoDisplay('DBQuery', enableButton);