一个面试题

Question

/*
为什么输出5个5？，setTimeout里面不是有一个函数吗？，所以函数里面的
i的作用域和for循环的i的作用域是不一样的，一个函数作用域，一个是全局作用域，
所以函数里面的i为啥不是依次递增呢？
*/
for(var i=0; i<5; ++i){
  setTimeout(function () {
      console.log(i);
  },500);
}

Answer 1

慕码人738631 2018-09-17 14:33:53

setTimeout()异步处理，i自由变量在其上一层执行后为5，此时i=5

Answer 2

双越 2017-12-08 20:03:34

“一个是函数作用域”—— 理解不对，i 得在函数中定义，才算是函数作用域的，否则算是自由变量。

• 提问者 V金龙V #1

  for(var i=0; i<5; i++){
          function fn() {
              console.log(i);  //这里一次递增输出，为什么与上面的代码不一样，这里也是自由变量啊，静态作用域也相同。
          }
          fn();
      }

• 提问者 V金龙V #2

  上面的文本格式不好看，再发一遍。
      for(var i=0; i<5; i++){
          function fn() {
              console.log(i);  
          }
          fn();
      }
      /*这里依次递增输出，为什么与上面的代码不一样，
      这里也是自由变量啊，静态作用域也相同。*/

• 双越 回复 提问者 V金龙V #3

  这里不是异步啊，setTimeout 是异步执行的

点开查看后面3条评论