带泛型的Typescript箭头函数的语法是什么?

typescript手册目前没有关于箭头函数的内容。正常的功能可以使用以下语法进行泛型: 例子:

function identity<T>(arg: T): T {
    return arg;
}

箭头函数的语法是什么?

当前回答

这对我很有用

 const logSomething = <T>(something:T): T => {
       return something;
    }

其他回答

虽然使用extends{}的流行答案是有效的，而且比扩展任何答案都好，但它迫使T成为一个对象

const foo = <T extends {}>(x: T) => x;

为了避免这种情况并保持类型安全，可以使用extends unknown代替

const foo = <T extends unknown>(x: T) => x;

如果你在.tsx文件中，你不能只写<T>，但这是可行的:

const foo = <T, >(x: T) => x;

与extends{}攻击不同，这种攻击至少保留了意图。

非箭头函数的方法。扩展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

希望这对你有所帮助!

这对我很有用

 const logSomething = <T>(something:T): T => {
       return something;
    }

推荐文章