JS中如何将剩余参数（rest parameter）正确传递给其他方法

错误原因分析 #

• 第一种写法rollbar.error(args)的问题：...args是rest语法收集的所有入参数组，直接传入相当于仅给error方法传递1个类型为数组的参数，不符合原方法多参数的设计要求。
• 第二种写法rollbar.error.apply(null, args)的问题：apply的第一个参数是目标函数执行时的this上下文，传入null会导致rollbar.error执行时内部this指向丢失，无法正常访问rollbar实例的内部属性。

正确实现方式 #

方案1：使用扩展运算符透传（推荐） #

直接用扩展语法把收集到的args数组展开为独立参数传入，写法更简洁易读：

function myErrorLogger(...args: Rollbar.LogArgument[]): Rollbar.LogResult {
  // 自定义逻辑：比如参数过滤、添加默认附加信息等
  return rollbar.error(...args);
}

方案2：正确绑定this的apply写法 #

如果需要兼容旧环境不支持扩展运算符，可以修正apply的第一个参数为rollbar实例：

function myErrorLogger(...args: Rollbar.LogArgument[]): Rollbar.LogResult {
  // 自定义逻辑
  return rollbar.error.apply(rollbar, args);
}

可选扩展：通用多方法封装 #

如果需要批量封装rollbar的info、warn、debug等多个日志方法，可以用高阶函数统一封装：

type RollbarMethod = 'error' | 'warn' | 'info' | 'debug';

function createRollbarLogger(method: RollbarMethod) {
  return function(...args: Rollbar.LogArgument[]) {
    // 全局通用自定义逻辑：比如添加应用标识、过滤敏感字段
    args.push({ appName: 'yourProject', env: process.env.NODE_ENV });
    return rollbar[method].apply(rollbar, args);
  }
}

// 导出封装后的日志方法
export const myErrorLogger = createRollbarLogger('error');
export const myWarnLogger = createRollbarLogger('warn');
export const myInfoLogger = createRollbarLogger('info');

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