Javascript学习笔记：闭包题解（4）

代码：

 var val1=0;

 var val2=0;

 var val3=0;

 for(var i1=1;i1<=3;i1++){

     var i2=i1;

     (function(){

         var i3=i2;

         setTimeout(function(){

             val1+=i1;

             val2+=i2;

             val3+=i3;

         },1);

     })();

 }

 setTimeout(function(){

     console.log(val1);

     console.log(val2);

     console.log(val3);

 },100)

问题：请写出该段代码打印出的结果。

正确答案：12，9，6

解析：setTimeout中的函数会在该段代码运行完之后运行，这是因为Javascript是单进程的，是事件循环模式运行的，setTimeout是将其中的函数在设定的时间之后加入到时间循环队列中，加入到队列之后还需要等待当前执行的函数同步代码执行完之后，才能执行通过setTimeout加入到队列的函数。然后再看i1,i2,i3，由于var是函数级作用域的，因此，i3在每次的匿名函数中都会重新定义，它的作用域只在当前的匿名函数中，因此最后的setTimeout函数中使用的i3是1、2、3，i2和i1都位于全局作用域中，不同的是i1最后比i2多加了一次，因此i1最后的值为4，i2最后的值为3。所以val1=3*i1=12，val2=2*i2=9。

巴特西

Javascript学习笔记：闭包题解（4）

最新文章

热门文章