打字稿未知的箭头语法

Question

阅读一些TS代码并遇到以下情况：

  private onChange : ( value : string ) => void;

我知道我们有一个私有的onchange变量，它是一个具有字符串属性的对象（如果我错误的话，请纠正我）。但是，=>是什么？

我认为在函数的typescript返回类型中声明如下：

function add(x: number, y: number): number {
    return x + y;
}

是否只是ES6箭头函数语法声明该函数将返回void或其他内容？

Answer 1

(value : string ) => void是一种函数类型，一个接受string参数并返回void的函数。该类声明了此类型的字段onChange。所以我们可以做以下事情：

this.onChange = function (value) { console.log(value); };
this.onChange = (value) => { console.log(value); };
this.onChange("");

你是正确的函数声明的返回类型是随:引入的，函数类型的bot是=>引入的