JavaScript异常（含已捕获/未捕获）触发时如何无需在各函数显式编写错误处理记录函数参数

完全可以做到不需要在每个自定义函数里手写try/catch包裹逻辑，通过统一的高阶函数包装、全局异常钩子配合的方式，就能在异常触发时自动拿到原始函数入参记录日志，常见实现路径如下：

• 统一高阶函数包装层（无环境依赖的通用方案）
  原理是写一个通用的代理函数，在应用初始化阶段批量给所有需要监控的自定义函数套一层代理，代理层内置统一的异常捕获逻辑，全程不需要修改原函数的内部代码。
  这种方式完全不需要你在每个函数里手动写try块、手动传入param1、param2这类参数做日志记录，和你想避免的逐函数修改的写法相比，代码侵入性几乎为零。
  示例代码：

  // 项目实际使用时替换为对应的日志模块即可
  const logger = console;
  
  const wrapWithErrorLog = (targetFn) => {
    // 返回代理函数，保留原函数的传参能力
    return function(...args) {
      try {
        // 绑定原函数的this指向，执行原有业务逻辑
        return targetFn.apply(this, args);
      } catch (e) {
        // 自动收集当前函数的原始入参、函数名、错误堆栈
        logger.log({
          errorMessage: e.message,
          functionName: targetFn.name,
          inputParams: args,
          stack: e.stack
        });
        // 必须将异常重新向上抛出，不破坏原有异常捕获流程
        throw e;
      }
    }
  }
  

  哪怕原函数内部已经有自己的try/catch逻辑，只要异常最终没被完全吞掉，代理层都能兜住并自动收集入参，不会干扰原有业务的错误处理流程。
• 全局异常钩子（覆盖未捕获异常场景）
  对于那些完全没被业务逻辑捕获、直接抛到全局的异常，可以通过各环境提供的全局异常监听能力做兜底：
  • 浏览器环境：监听window.error事件（同步代码未捕获异常）、unhandledrejection事件（Promise链未捕获的异常）
  • Node.js环境：监听process的uncaughtException、unhandledRejection事件
    需要注意的是，全局钩子默认拿不到函数调用时的入参，需要在前面的代理包装层里，把入参信息挂到Error实例的自定义属性上，全局钩子捕获异常时就能直接读取这些自定义属性完成日志记录，不需要在业务函数里额外写代码。
• 全局调用拦截（零侵入覆盖全量函数）
  如果需要更彻底的零侵入体验，可以通过Proxy拦截全局的函数调用行为，只要是自定义函数被触发调用，就自动在外层追加异常捕获、入参收集的逻辑，连批量替换函数的步骤都可以省略。这种方式需要注意平衡拦截逻辑的性能损耗，避免在高频调用的场景下引入额外的性能开销。

• 全局钩子本身没有函数调用的上下文，单独使用无法拿到入参，必须和统一包装层配合才能实现入参记录
• 写代理逻辑时必须通过apply/call绑定原函数的执行上下文，否则会导致对象方法、类方法的this指向异常，引入隐性bug
• 收集入参时要做序列化兜底处理，针对存在循环引用的入参对象要做特殊兼容，避免日志逻辑本身触发新的异常
• 代理层捕获异常完成日志记录后，必须将异常重新向上抛出，不能直接吞掉异常，否则会破坏原有代码的错误处理流程

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