时间戳

首页 > 解决方案 > 如何用参数和模板文字描述函数？

javascript - 如何用参数和模板文字描述函数？

问题描述

我正在为我的项目正在使用的第三方模块创建类型。

其中一个函数是这样调用的：

callFunc(paramOne, paramTwo)`
  stringLiteral: ${something},
  somethingElse: ${here}
`;

我试图弄清楚如何在打字稿中描述这样的功能，但打字稿文档在这种特定情况下并没有真正帮助。我知道如何描述前两个参数，但是如何为模板/字符串文字添加类型？

标签： javascripttypescripttypescript-typingstypescript-generics

解决方案

标记模板是函数，其中第一个参数是类型TemplateStringsArray，然后其余参数只是模板中表达式的值。例如，我们可以定义t：

function t(s: TemplateStringsArray, ...a:any[]) {
  console.log(t); // will output ["a", "b"]  for the example below
  console.log(a); // will output [0] for the example below
  return ""
}

t`a${0}b`

在您的情况下，该函数callFunc(paramOne, paramTwo)返回一个标记模板，因此定义应类似于：

declare function callFunc(paramOne: string, paramTwo: number) : (s: TemplateStringsArray, ...a:any[]) => string;


callFunc("", 1)`a${0}`

对参数类型做了一些假设，但除了TemplateStringsArray其他一切都取决于你的库的细节

推荐阅读