javascript - 创建事件监听器，该监听器将在第一次触发后自动执行回调

Question

我想创建一个一次性事件监听器，它将在第一次触发事件后立即执行回调。

main.js: (loaded first thing)
    $(document).one('plugins_loaded', displayMenu);

plugins.js: (loaded some time after main.js)
    $(document).trigger('plugins_loaded');

checkout.js: (loaded asynchronously or immediately after main.js)
    $(document).one('plugins_loaded', displayCart);

我希望 displayCart 立即执行，如果 plugins_loaded 事件之前已触发，如果没有，则应调用 displayCart在 displayMenu 之后，当 plugins_loaded 事件触发时。

Answer 1

您正在寻找

• 一个 Promise，使用 $.Deferred 创建或
• 一个$.Callbacks包含 once 和 memory 标志的列表。

将其存储在某个全局变量中，最好存储在应用程序对象的命名空间中。您只需要初始化一次，然后您就可以随时随地添加回调，并在稍后的某个时候触发它们。

您不能真正使用在 $(document) 上触发的自定义事件，因为过去的事件是不可观察的。