为调用自定义函数创建一个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();
});