javascript - 关于函数的数值问题？

Question

<script type="text/javascript">
        var c=[];
         for(var i=0;i<8;i++){
          c[i]=function abc(){
                 return console.log(i);
             }
         }
         console.log(c[0]()); //弹出8

         for(var j=0;j<8;j++){
             function abc(){
                 console.log(j);
             }
             abc();    //弹出 0  1 2 3 4 5 6 7
         }
    </script>

为什么第一个弹出8，而第二个弹出0 1 2 3 4 5 6 7？

Answer 1

我们把8改成2，不用for来解释下。
第一种情况等价于：

var i = 0;
c[0] = function abc() {return console.log(i);};
i ++;    // 1
c[1] = function abc() {return console.log(i);};
i ++;    // 2
console.log(c[0]()); //即执行console.log(i)，明显了i=2

第二种情况等价于：

var j = 0;
function abc() {console.log(j);}
abc();     // 0
j ++;      // j = 1
function abc() {console.log(j);}
abc();     // 1

Answer 2

因为第一个是在 for 循环完了之后输出的，第二个是在循环体中输出的。