为调用自定义函数时创建一个 jQuery 事件侦听器

Question

我有一个函数，我们称之为：myFunction，我经常使用它。大多数时候，我不在乎它什么时候被调用。但是，有时，很高兴知道它何时被调用，以便我可以执行某些操作。有没有一种方法可以在不编辑 myFunction 的情况下在 jQuery 中创建一个侦听器，以便在完成 myFunction 后，我可以调用另一个函数？

例如：

<script>
var foo = "foo";
function myFunction() {
    foo += "bar";
}
function afterMyFunction() {
    alert(foo);
}

$(function() {
    #some sort of listener for when myFunction is done --- ???#

    myFunction();
});
</script>

我希望在页面加载时有一个简单地说“foobar”的警报。这显然是一个简化的例子，但它让我明白了……我希望。

Answer 1

不编辑函数，我不知道怎么做。 但是通过编辑，您可以触发这样的自定义事件：

JS

var foo = "foo";
function myFunction() {
    foo += "bar";
    $('body').trigger('myFunctionDone');
}
function afterMyFunction() {
    alert(foo);
}

$(function() {
    $('body').on('myFunctionDone',function(){
        console.log('done');
    });

    myFunction();
});