TypeScript函数如何省略参数？有没有更简洁的多参数传参写法？

JavaScript 中通过...Array(n)生成占位参数的方法在TypeScript中会被类型校验拦截，TypeScript无法自动识别动态展开数组的参数数量、类型是否和函数定义匹配，因此会抛出类型错误，以下是可直接落地的解决方案：

方案1：通用占位工具函数（最推荐，适配无法修改函数定义的场景） #

先定义一个复用的占位工具函数，绕开类型校验的同时保证写法简洁：

// n 为需要跳过的参数个数，默认占位值为 undefined，可按需修改为 null
const skip = <T = undefined>(n: number): T[] => Array(n).fill(undefined) as T[]

使用示例：

// 你的测试函数调用
this.test(...skip(3), "a")

// 实际业务场景改造
this.service.list(
  "all", 
  ...skip(2), 
  localStorage.getItem('currentProgram'), 
  ...skip(1), 
  100, 
  ...skip(2), 
  environment.liveMode
).subscribe(...)

方案2：重构函数为配置对象传参（适配可自定义函数定义的场景） #

如果是你自己维护的函数，优先改成接收单配置对象的写法，完全不需要考虑参数顺序和占位：

// 重构前：顺序参数，需要处理占位
function list(
  type: string,
  param1?: any,
  param2?: any,
  program?: string,
  param3?: any,
  pageSize?: number,
  param4?: any,
  param5?: any,
  liveMode?: boolean
) {}

// 重构后：配置对象传参，仅传需要的字段即可
interface ListOptions {
  type: string,
  param1?: any,
  param2?: any,
  program?: string,
  param3?: any,
  pageSize?: number,
  param4?: any,
  param5?: any,
  liveMode?: boolean
}
function list(options: ListOptions) {}

// 调用示例，无任何占位写法
list({
  type: "all",
  program: localStorage.getItem('currentProgram'),
  pageSize: 100,
  liveMode: environment.liveMode
})

方案3：临时类型断言（适配快速测试场景） #

如果只是临时测试不想写工具函数，可以直接对展开数组做类型断言：

// 明确指定占位参数的数量和类型，匹配函数定义即可通过校验
this.test(...Array(3) as [any, any, any], "a")

该方案仅适合参数少的场景，参数较多时可读性和可维护性极低。

注意事项 #

• 如果原函数要求占位参数必须传null，只需要把工具函数里的fill(undefined)修改为fill(null)即可。
• 请确认跳过的参数位置属于可选参数，或者函数逻辑允许传入undefined/null，避免运行时出现逻辑异常。

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