我可以使用扩展语法使用 TypeScript 制作包装函数，而不必指定参数和类型吗？

Question

以下代码是在 JavaScript 中实现包装函数的一种常见且非常简洁的方式。

代码用包装器outerFunction包装了innerFunction （它有一些命名参数）：

function innerFunction(firstArgument, secondArgument, thirdArgument) {
  console.log('innerFunction', arguments);
}

function outerFunction() {
  console.log('outerFunction', arguments);
  innerFunction(...arguments)
}

outerFunction(1, 2, 3);

这在 JavaScript 中工作得非常好- 您可以看到outerFunction将任何参数传递给innerFunction ：

outerFunction [Arguments] { '0': 1, '1': 2, '2': 3 }
innerFunction [Arguments] { '0': 1, '1': 2, '2': 3 }

Typescript 不喜欢这样，因为它希望我将内部函数类型放入外部函数中。

在 TypeScript 中是否有更好的方法来做到这一点？ 肯定 TypeScript 的静态分析可以看到外部函数从内部函数获取其类型？

我接受的答案可能是“不，您必须将内部函数的类型添加到外部函数”。 但我想在这里咨询我的同行，以防有更好的方法来做到这一点。

Answer 1

Typescript 提供了一个实用程序类型Parameters ，它以元组的形式为您提供函数参数的类型。 所以你可以像下面这样输入外部函数：

function innerFunction(firstArgument: string, secondArgument: number, thirdArgument: boolean) {
  console.log('innerFunction', firstArgument, secondArgument, thirdArgument);
}

function outerFunction(...args: Parameters<typeof innerFunction>) {
  console.log('outerFunction', ...args);
  innerFunction(...args);
}