typescript手册目前没有关于箭头函数的内容。正常的功能 可以使用以下语法进行泛型: 例子:
function identity<T>(arg: T): T {
return arg;
}
箭头函数的语法是什么?
typescript手册目前没有关于箭头函数的内容。正常的功能 可以使用以下语法进行泛型: 例子:
function identity<T>(arg: T): T {
return arg;
}
箭头函数的语法是什么?
当前回答
非箭头函数的方法。扩展OP中的例子。
function foo<T>(abc: T): T {
console.log(abc);
return abc;
}
const x = { abc: 123 };
foo(x);
const y = 123;
foo<number>(y);
除了把整个事情嵌入到一个语句中的答案之外:
const yar = <T,>(abc: T) => {
console.log(abc);
return abc;
}
另一种方法是使用中间类型:
type XX = <T>(abc: T) => T;
const bar: XX = (abc) => {
console.log(abc);
return abc;
}
操场上
其他回答
这里我有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
希望这对你有所帮助!
虽然使用extends{}的流行答案是有效的,而且比扩展任何答案都好,但它迫使T成为一个对象
const foo = <T extends {}>(x: T) => x;
为了避免这种情况并保持类型安全,可以使用extends unknown代替
const foo = <T extends unknown>(x: T) => x;
这么晚了,但与ES6不需要扩展它仍然为我工作....:)
let getArray = <T>(items: T[]): T[] => {
return new Array<T>().concat(items)
}
let myNumArr = getArray<number>([100, 200, 300]);
let myStrArr = getArray<string>(["Hello", "World"]);
myNumArr.push(1)
console.log(myNumArr)
我喜欢使用这种类型的声明:
const identity: { <T>(arg: T): T } = (arg) => arg;
它允许在需要时为函数定义额外的道具,在某些情况下,它有助于使函数体相对于泛型定义更清晰。
如果你不需要额外的道具(命名空间之类的东西),它可以简化为:
const identity: <T>(arg: T) => T = (arg) => arg;
这对我很有用
const Generic = <T> (value: T) => {
return value;
}