js循环中的闭包

Question

for(var i=0; i< 3;i++){  setTimeout(function() {    console.log(i);  }, 0);}输出结果是3,3,3  能否详细解释一下执行过程?

Answer 1

JS var不是块作用域，所以，只有一个变量叫做i。setTimeout的回调函数是在for执行完之后执行的，即i的值不会再改变。于是，一个变量，不可能同时等于多个不同的值。或者说下面的代码和上面的是一样的：

var i;

for(i=0; i< 3;i++){

  setTimeout(function() {

    console.log(i);

  }, 0);

}

JS 是单线程，意思是，一段代码在执行的时候不可能会被打断，不会突然跳转到其他地方的代码去运行。只有一段代码执行完毕，其他地方的代码才有可能执行。所以说for循环不会无缘无故的被打断，去其他地方执行代码。

console.log(i)只是函数声明的一部分，不属于for要执行的语句。setTimeout(function(){console.log(i)},0),这句的意思是，定义一个函数其代码是“ console.log(i)”，设置一个定时器，0ms后执行这个函数。所以说在for循环里并不会执行console.log(i)这一句，因为它只是函数定义语句的一部分。