打字稿/JavaScript forEach

Question

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

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

在 javascript 中它看起来像：

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

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

以下是完整代码：

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

它循环遍历一个函数数组，因为函数可以像字符串、整数等一样存储在变量中。所以你循环遍历一个函数数组并像这样执行它们：return fn();

Answer 2

fn => fn() 是一个函数定义，在 C# 中它们被称为 Lambda 表达式，它只是相同 function (fn) { return fn(); } 的语法糖。

fn为输入参数，=>定义为函数，fn()为返回值。

另一个例子是

var add = (a,b) => a + b;

与

相同

function add(a, b) { 
    return a + b;
}

Answer 3

看看这个例子：

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 数组中的每个方法。