function - TypeScript 函数类型语法解释

Question

我正在阅读 TypeScript 手册和 Functions section在函数类型标题下有这个例子(我理解):

let myAdd = function(x: number, y: number): number { return x+y; };

后面是

let’s write the full type of the function out by looking at the each piece of the function type.

和这个语法:

let myAdd: (x: number, y: number) => number =
    function(x: number, y: number): number { return x+y; };

谁能把它分解并解释一下，因为我以前从未见过，也无法在手册中找到解释？

Answer 1

这一行:

let myAdd: (x: number, y: number) => number =
    function(x: number, y: number): number { return x+y; };

由三部分组成:

(1)变量声明，这部分是let myAdd。我假设这里没有什么可添加的，就像 js 一样。

(2) 变量的类型:(x: number, y: number) => number.
这里我们定义了一个函数类型，它需要两个参数，都是 number 类型，名为 x 和 y。
该函数需要返回一个数字。

(3) 给变量赋值: = function(x: number, y: number): number { return x+y; }.
除了参数和返回值的添加类型外，这也和 javascript 一样。
如果您查看它，您会发现实际实现与声明的类型完全匹配。

也可以这样写:

let myAdd: (x: number, y: number) => number = function(x, y) { return x+y; };

或者:

let myAdd: (x: number, y: number) => number = (x, y) => { return x+y; };