js 插桩 hooks 异步函数怎么处理？

Question

比如正常的hooks

function withHookBefore (originalFn, hookFn) {
  return function () {
    if (hookFn.apply(this, arguments) === false) {
      return
    }
    return originalFn.apply(this, arguments)
  }
}

修改console

window.console = withHookBefore(console.log,window.alert);

假设我现在要console的时候去请求接口上报console的内容。

因为是异步的，就实现不了。该怎么处理？

Answer 1

异步处理，比如：

function withHookBefore (originalFn, hookFn) {
    return function () {
        return Promise.resolve(hookFn.apply(this, arguments))
        .then(() => originalFn.apply(this, arguments))
    }
}