具有泛型的Typescript箭头函数的语法是什么？

打字稿手册目前没有任何箭头功能。普通函数可以使用以下语法进行通用键入：示例：

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

箭头功能的语法是什么？

完整的示例解释了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;

我发现上面的例子令人困惑。我正在使用React和JSX，所以我认为这使情况变得复杂。

我从TypeScript Deep Dive中得到了澄清，其中指出了箭头泛型：

解决办法：对通用参数使用扩展，以提示编译器是通用的，这来自于一个简单的示例，该示例对我有所帮助。

    const identity = < T extends {} >(arg: T): T => { return arg; }

如果您在.tsx文件中，则不能只写<T>，但这可以工作：

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

与extends {}hack 相对，此hack至少保留了意图。

语言规范在p.64f中说

形式为<T>（...）=> {...}的构造可以解析为具有类型参数的箭头函数表达式，或应用于没有类型参数的箭头函数的类型断言。它被解析为前者[..]

例：

// helper function needed because Backbone-couchdb's sync does not return a jqxhr
let fetched = <
           R extends Backbone.Collection<any> >(c:R) => {
               return new Promise(function (fulfill, reject) {
                   c.fetch({reset: true, success: fulfill, error: reject})
               });
           };

这对我有用

const Generic = <T> (value: T) => {
    return value;
} 

尽管流行的答案是extends {}可行的并且比更好extends any，但它迫使T成为对象。

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

为了避免这种情况并保留类型安全性，您可以extends unknown改用

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

我使用这种类型的声明：

const identity: { <T>(arg: T): T } = (arg) => arg;

它允许您在需要时为函数定义其他道具，在某些情况下，它可以使函数主体与通用定义保持更清洁。

如果您不需要其他道具（诸如名称空间之类的东西），则可以简化为：

const identity: <T>(arg: T) => T = (arg) => arg;

这么晚了，但是有了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)