如何包装、装饰或修改函数以实现调用前与返回后的额外日志？并实现无需目标函数主动通知完成的logger

针对你的问题，确实存在一种不需要doSomething主动通知执行完成的解决方案，而且正好契合面试提示的调用栈执行机制思路。下面一步步拆解：

核心思路：利用调用栈清空后的微任务执行时机 #

JavaScript的调用栈遵循"后进先出"的执行规则，当一个函数执行完毕后，对应的栈帧会被弹出。而微任务（Microtask）队列会在当前调用栈完全清空后才会被处理——我们可以利用这个特性，在logger函数中先输出"开始"日志，然后把"结束"日志的操作放到微任务里，这样它会自动在目标函数执行完毕后触发，完全不需要函数主动通知。

具体实现代码 #

直接定义logger函数如下：

function logger(funcName) {
  // 立即输出函数启动日志
  console.log(`started function ${funcName}`);
  
  // 将结束日志放入微任务队列，当前函数执行完（调用栈清空）后自动执行
  queueMicrotask(() => {
    console.log(`finished function ${funcName}`);
  });
}

function doSomething() {
  logger("doSomething")
  console.log("Middle of doing something")
}

// 调用测试
doSomething();

运行这段代码后，输出完全符合你的要求：

started function doSomething
Middle of doing something
finished function doSomething

为什么这符合"调用栈相关"的提示？ #

当doSomething调用logger时，logger在当前调用栈中执行，先输出启动日志；随后logger将结束日志的回调放入微任务队列。当doSomething的所有代码执行完毕后，调用栈弹出doSomething的栈帧，此时JavaScript引擎会处理微任务队列，执行我们放入的回调，输出结束日志——整个过程完全依赖调用栈的执行和清空机制，不需要修改doSomething的逻辑。

对比你提到的几种方案 #

• 封装函数/装饰器：确实可行，但需要修改函数的定义或调用方式（比如必须调用包装后的版本）；而微任务方案完全不需要改动doSomething的代码，侵入性更低。
• 异步事件通知：可行性不高，不仅需要函数主动触发事件，还会引入异步逻辑的复杂度，远不如微任务方案简洁可靠。

扩展：嵌套函数调用的情况 #

如果存在嵌套函数调用（比如doSomething调用另一个也使用logger的函数），这个方案依然能正确工作，因为微任务会按照调用栈的弹出顺序依次执行：

function doAnother() {
  logger("doAnother");
  console.log("Middle of doing another");
}

function doSomething() {
  logger("doSomething");
  console.log("Middle of doing something");
  doAnother();
}

doSomething();

输出结果：

started function doSomething
Middle of doing something
started function doAnother
Middle of doing another
finished function doAnother
finished function doSomething

内容的提问来源于stack exchange，提问作者TG Person