TypeScript'let'变量和异步调用

Question

我是TypeScript的新手，并且来自这个例子：

for (let i = 0; i < 10 ; i++) {
    setTimeout(function() {console.log(i); }, 100 * i);
}

产量： 1,2,3,4,5,6,7,8,9,10

但

for (var i = 0; i < 10 ; i++) {
    setTimeout(function() {console.log(i); }, 100 * i);
}

产量： 10,10,10,10,10,10,10,10,10,10

请问有人解释原因吗？

Answer 1

这是由于范围的不同

这是由于var和let之间的范围差异。 第一次超时实际上可以完成console.log，我已经被循环更改为10.（实质上，您正在堆栈具有各种超时的console.logs，它们将仅在时间结束时运行）。

使用let作为块的scoped ，我获取console.log中的值（因为它的作用域是它调用的块）。 换句话说，只要遇到此代码，变量就会在超时内变为“受限”。 这意味着即使循环改变了它之外的变量'i'，它也没有改变函数的变量。

Answer 2

@DylanMeeus是正确的，因为它是一个范围/闭包问题。 为了帮助可视化，这是在es5中使用“let”编译的内容：

var _loop_1 = function(i) {
    setTimeout(function () { console.log(i); }, 100 * i);
};
for (var i = 0; i < 10; i++) {
    _loop_1(i);
}

请注意， _loop_1中的i是一个新的数字实例。