如何在事件触发时实现跨文件函数间的返回值传递？

这问题我太熟悉了——不能改原函数代码，还要监听它的调用并获取返回值，函数劫持绝对是最靠谱的办法。本质就是“包装”原函数，在不破坏原有功能的前提下插入我们的逻辑。

核心思路 #

1. 先保存原函数的引用，避免被重写后丢失原有逻辑
2. 重写原函数，在新函数里先调用原逻辑拿到返回值
3. 把返回值传给notifyWhenUserDidSomething
4. 最后返回原函数的结果，保证原有调用者的逻辑完全不受影响

具体实现示例 #

情况1：原函数是全局函数

如果userDidSomething挂在全局对象（比如浏览器的window）上，直接这么写：

// 先缓存原函数的引用
const originalUserDidSomething = window.userDidSomething;

// 重写全局函数
window.userDidSomething = function(whatever) {
  // 调用原函数，拿到操作返回值
  const operationResult = originalUserDidSomething(whatever);
  // 触发通知逻辑，把结果传进去
  notifyWhenUserDidSomething(operationResult);
  // 原样返回结果，不影响原有调用流程
  return operationResult;
};

情况2：原函数是ES模块导出的

如果用的是ES模块，先导入模块，再劫持导出的函数：

import * as userActions from './path-to-userDidSomething-file.js';

// 缓存原函数
const original = userActions.userDidSomething;

// 重写导出的函数
userActions.userDidSomething = function(whatever) {
  // 注意绑定this，避免原函数依赖特定上下文时出错
  const result = original.call(this, whatever);
  notifyWhenUserDidSomething(result);
  return result;
};

情况3：原函数是CommonJS模块导出的

Node.js环境下的CommonJS模块，写法类似：

const userActions = require('./path-to-userDidSomething-file.js');
const original = userActions.userDidSomething;

userActions.userDidSomething = function(...args) {
  // 用apply传递所有参数，兼容原函数参数数量不确定的情况
  const result = original.apply(this, args);
  notifyWhenUserDidSomething(result);
  return result;
};

关键注意事项 #

• 执行时机：这段劫持代码必须在原函数userDidSomething加载完成后执行，不然拿不到原函数的引用。
• this绑定：如果原函数是某个对象的方法，或者依赖特定的this上下文，一定要用call/apply来调用原函数，保证上下文正确。
• 兼容性：这种方法几乎所有JS环境都支持，不管是浏览器还是Node.js，只要能拿到原函数的引用就能用。

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