JS:如何监听函数执行？

function foo(callback) {
  // 函数执行的逻辑
  // ...
  
  // 函数执行完成后调用回调函数
  callback();
}

// 调用foo函数，并传入回调函数
foo(function() {
  console.log('函数执行完成');
});

function foo() {
  return new Promise(function(resolve, reject) {
    // 函数执行的逻辑
    // ...
    
    // 函数执行完成后调用resolve方法
    resolve();
  });
}

// 调用foo函数，并使用then方法监听状态
foo().then(function() {
  console.log('函数执行完成');
});

function foo() {
  // 函数执行的逻辑
  // ...
  
  // 创建自定义事件
  var event = new Event('functionComplete');
  
  // 触发自定义事件
  document.dispatchEvent(event);
}

// 监听自定义事件
document.addEventListener('functionComplete', function() {
  console.log('函数执行完成');
});

// 调用foo函数
foo();