javascript - JQuery - 防止触发多个事件

Question

我在 JQuery 中使用事件在不同的 JavaScript 模块之间进行通信。所以在其中一个模块中我有这样的东西:

$(window).on('updateStatusRequest', function(ev) {
    // Send updateStatus event after fetching data
    data = fetchData();
    $(window).trigger('updateStatus', data);
});

并且此数据获取可能会持续很长时间(它向外部发送 HTTP 请求)才能完成。这是我现在正在考虑的一个问题 - 如果触发了很多“updateStatusRequest”并且该函数尚未获取数据怎么办？我想在这种情况下防止多次数据提取，所以我在想这样的事情:

$(window).on('updateStatusRequest', function(ev) {
    $(window).off('updateStatusRequest', this);
    // Send updateStatus event after fetching data
    data = fetchData();
    $(window).trigger('updateStatus', data);
    $(window).on('updateStatusRequest', this);
});

所以我想在执行期间关闭回调。不幸的是，上面的方法不起作用。这样做的正确方法是什么？

Answer 1

当你重新添加事件处理程序时，你需要一个回调。像这样的东西应该可以工作:

$(window).on('updateStatusRequest', function(ev) {
    newFunction();
});

var newFunction = function (){
    $(window).off('updateStatusRequest');
    data = fetchData();
    $(window).trigger('updateStatus', data);
    $(window).on('updateStatusRequest', function (){
        newFunction();
    });
}

尽管如此，我可能会使用 promise 而不是添加/删除事件处理程序...