js function hook.

劫持函数的钩子方法

• 代理函数执行前 withBefore(originalFn, hookFn)
• 代理函数执行后 withAfter(originalFn, hookFn)
• 代理函数参数 hookArgs(originalFn, argsGetter)
• 代理函数 return 结果 hookOutput(originalFn, valueGetter)

实现方式参考 store2 实现方式：https://github.com/nbubna/store/blob/master/src/store2.js

1// 函数事件劫持，在函数前执行hook，若hook返回false则不再执行原始函数
2var log = console.log; // 暂存原始方法
3console.log = FnHook.withBefore(console.log, function () {
4  log("你即将调用log方法");
5});

1// 函数事件劫持，事件监听
2EventTarget.prototype.addEventListener = FnHook.withBefore(
3  EventTarget.prototype.addEventListener,
4  function () {
5    log("你执行了绑定事件");
6  }
7);

1// 函数事件劫持，在函数后执行hook
2console.log = FnHook.withAfter(console.log, function () {
3  log("你调用了log方法");
4});

1// 劫持函数参数
2console.log = FnHook.hookArgs(console.log, function () {
3  log("你的传参为", ...arguments);
4});

1// 全局事件监控
2EventTarget.prototype.addEventListener = FnHook.hookArgs(
3  EventTarget.prototype.addEventListener,
4  function (type, listener, options) {
5    console.log("事件已监控：", type);
6    const hookedListener = FnHook.withBefore(listener, () => {
7      console.log("事件已执行：", type);
8    });
9    return [type, hookedListener, options];
10  }
11);

1// 劫持函数返回参数
2function getSum(a, b) {
3  return a + b;
4}
5
6getSum = FnHook.hookOutput(getSum, function (output) {
7  console.log("执行函数的 return 为：", output);
8});
9
10getSum(100, 20);