javascript - Typescript/JavaScript forEach

Question

我正在做一个关于 Typescript 的词法范围处理的教程，我遇到了一个我以前从未见过的函数的使用。这看起来像 forEach 语句中的空函数。在 typescript 中它看起来像这样:

fns.forEach(fn=>fn());

在 javascript 中它看起来像:

fns.forEach(function (fn) { return fn(); });

我从未见过像这样使用的函数。有人可以解释这是如何工作的吗？具体来说， fn=>fn() 实际执行的是什么。引用下面的代码，是执行fns.push还是for循环？如果是 For 循环，则没有对此的引用，那么它是如何知道的？

完整代码如下:

typescript :

var fns = [];
for(var i=0;i<5;i+=1){
    fns.push(function(){
        console.log(i);
    })
}
fns.forEach(fn=>fn());

JavaScript

var fns = [];
for (var i = 0; i < 5; i += 1) {
    fns.push(function () {
        console.log(i);
    });
}
fns.forEach(function (fn) { return fn(); });

Answer 1

看看这个例子:

var method = a => a+1;

method 是一个包含函数引用的 var。
a 是输入参数。
a+1 是方法主体和返回类型。

Typescript 会将其转换为:

var method = function (a) { return a + 1; };

查看 typescript playground example你会很快理解这个概念。

在您的示例中，fns 是一个函数数组。

执行 fns.forEach(fn=>fn()); 意味着执行 fns 数组中的每个方法。