typescript手册目前没有关于箭头函数的内容。正常的功能 可以使用以下语法进行泛型: 例子:
function identity<T>(arg: T): T {
return arg;
}
箭头函数的语法是什么?
typescript手册目前没有关于箭头函数的内容。正常的功能 可以使用以下语法进行泛型: 例子:
function identity<T>(arg: T): T {
return arg;
}
箭头函数的语法是什么?
当前回答
我知道我回答这个问题有点晚了。但我想到了回答这个问题,以防其他人发现它有帮助。没有一个答案提到如何在异步箭头函数中使用泛型。
是这样的:
const example = async <T> (value: T) => {
//awaiting for some Promise to resolve or reject;
const result = await randomApi.getData(value);
}
其他回答
我觉得上面的例子令人困惑。 我正在使用React和JSX,所以我认为它使场景复杂化。
我从TypeScript Deep Dive中得到了澄清,它声明了箭头泛型:
解决方法:在泛型参数上使用扩展来提示编译器它是一个泛型,这来自一个更简单的例子,帮助了我。
const identity = < T extends {} >(arg: T): T => { return arg; }
这里我有2个带泛型的箭头函数:
直接呼叫:
const foo = <T>(value: T): void => {
console.log(value);
foo('hello') // hello
}
创建一个稍后使用的类型:
type TFoo<S> = (value: S) => boolean;
const foo: TFoo<number> = (value) => value>0;
console.log(foo(1)) // true
console.log(foo(-1)) // false
希望这对你有所帮助!
添加多个依赖泛型类型的示例:
这个函数,转换为箭头函数,如下所示:
http.get = function <T = any, R = AxiosResponse<T>>(url: string, config?: AxiosRequestConfig): Promise<R> {
config.withCredentials = true;
....
};
注意这里的扩展号代替了等号:
http.get = async <T extends any, R extends unknown = AxiosResponse<T>>(url: string, config?: AxiosRequestConfig): Promise<R> => {
config.withCredentials = true;
...
};
Edit
根据@Thomas的评论,在更新的TS编译器中,我们可以简单地做:
const foo = <T,>(x: T) => x;
原来的答案
完整的例子解释了Robin引用的语法…带回家给我:
通用函数
像下面这样的东西是可以的:
function foo<T>(x: T): T { return x; }
然而,使用箭头泛型函数将不会:
const foo = <T>(x: T) => x; // ERROR : unclosed `T` tag
解决方法:在泛型参数上使用扩展来提示编译器 它是通用的,例如:
const foo = <T extends unknown>(x: T) => x;
这对我很有用
const logSomething = <T>(something:T): T => {
return something;
}