下面是一道入门的js面试题:
for (var i = 0; i < 10; i++) {
setTimeout(function () {
console.log(i)
}, 10 * i)
}
结果:输出10*10;
变量提升. js没有块级作用域, 所以在for循环中定义的i提升为全局的了, 另外for循环是同步执行的, 所有当setTimeout
内部的匿名函数执行的时候i已经是10了.
1。闭包
for(var i=0;i<10;i++){ (function (j) { setTimeout(function () { console.log(j); },10*j) })(i) }
因为js有函数作用域. i作为参数传入, 直接绑定到匿名函数上, 作用域链到此截至, i再提升也跟他没关系了.
2. let
for(let i=0;i<10;i++){ setTimeout(function () { console.log(i); },10*i); }
至于let, 其实是js内部实现的问题了, 简单讲就是let会生成不同的i实例, 10个匿名函数其实分别得到的是10个不同的i实例,