TypeScript使用Lodash处理数组展开传参报TS2556错误如何解决？

错误原因 #

_.take 方法的返回值类型是通用数组类型number[]，TypeScript无法从take(2)的参数推断出返回的数组固定包含2个元素，只会将其识别为长度不确定的数字数组。直接将长度不确定的数组展开传给要求固定2个入参的test函数时，TS会判定存在参数数量不匹配的风险，因此触发TS2556错误。

可行修复方案 #

• 方案1：使用类型断言明确告诉TS返回值为长度为2的元组，适合确定运行时一定会返回2个元素的场景，修改成本最低

  test(..._.take(_.shuffle([0, 1, 2]), 2) as [number, number]);
  

• 方案2：调整test函数的入参为rest参数，适合test本身可以接受任意数量数字入参的场景

  // 修改函数定义为rest参数形式
  function test(...nums: number[]) {
      const [num1, num2] = nums;
      console.log(num1, num2);
  }
  
  // 原调用逻辑无需修改
  test(..._.take(_.shuffle([0, 1, 2]), 2));
  

• 方案3：手动取数组元素传递，无需类型断言，安全性最高，可读性更好

  const shuffleRes = _.take(_.shuffle([0, 1, 2]), 2);
  test(shuffleRes[0], shuffleRes[1]);
  

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