如何捕获JavaScript函数每次调用时的输出？（基于Api自执行模块场景）

嘿，这个需求其实很好实现，给你几个实用的方案，你可以根据自己的场景来选：

如果有权限修改Api模块的内部代码，最简单的方式就是在getResponsePayload里直接添加捕获逻辑，在返回结果前把输出存起来或者做其他处理：

var Api = (function() {
  var requestPayload;
  var responsePayload;
  return {
    getRequestPayload: function() {
      return requestPayload;
    },
    setRequestPayload: function(newPayloadStr) {
      requestPayload = JSON.parse(newPayloadStr);
    },
    getResponsePayload: function() {
      // 先获取输出结果
      const output = responsePayload;
      
      // 这里添加捕获逻辑，比如打印、存储到变量、发送日志等
      console.log("getResponsePayload调用输出:", output);
      // 示例：把每次的输出存到全局数组里记录历史
      window.responseHistory = window.responseHistory || [];
      window.responseHistory.push(output);
      
      // 正常返回原结果，不影响原有功能
      return output;
    },
    setResponsePayload: function(newPayloadStr) {
      responsePayload = JSON.parse(newPayloadStr);
    }
  };
})();

这个方案的优点是简单直接，缺点是侵入了原函数的代码逻辑。

如果不能改动Api的内部代码，你可以在外部重新包装getResponsePayload方法，保留原功能的同时添加捕获逻辑：

// 先保存原方法的引用，避免被覆盖后丢失原逻辑
const originalGetResponse = Api.getResponsePayload;

// 重新定义getResponsePayload方法
Api.getResponsePayload = function() {
  // 调用原方法并获取输出，用call保证this指向正确
  const output = originalGetResponse.call(this);
  
  // 执行捕获操作
  console.log("捕获到输出:", output);
  // 这里可以做任何你需要的处理，比如上报到监控系统
  // reportToMonitor(output);
  
  // 正常返回原结果，不影响原有调用逻辑
  return output;
};

这个方案完全不改动原Api的代码，解耦性很强，适合原代码不可修改的场景。

如果你的运行环境支持ES6的Proxy，也可以用它来拦截方法调用，这种方式更灵活，适合需要拦截多个方法的场景：

// 创建Api的代理对象
const ApiProxy = new Proxy(Api, {
  get(target, propName) {
    // 当访问getResponsePayload方法时，包装它
    if (propName === 'getResponsePayload') {
      return function() {
        const output = target[propName]();
        console.log("捕获到输出:", output);
        return output;
      };
    }
    // 其他属性/方法直接返回原内容
    return target[propName];
  }
});

// 之后所有调用都用ApiProxy代替Api
ApiProxy.getResponsePayload();

一些注意点 #

• 如果需要异步处理捕获的结果（比如发送到后端），直接在捕获逻辑里加异步操作即可，不会阻塞原函数的返回。
• 包装方法时，一定要注意this的指向问题，用call(this)或者apply(this)可以保证原方法的上下文正确。

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