这道js题看不懂

Question

function foo() {
    var i = 0;
    return function() {
        console.log(i++);
    }
}

var f1 = foo(), f2 = foo();
f1();
f1();
f2();

为什么结果是0， 1， 0而不是1, 2, 1呢

Answer 1

console.log(i++)
// 相当于
console.log(i);
i = i+1;

console.log(++i)
// 相当于
i = i+1;
console.log(i);

Answer 2

难不成你以为i是全局变量吗。
既然i是局部变量， f1里面的i和f2里面的i有什么关系？

至于为什么是0， 1 而不是1 ，2.
那是因为 i++ 实际上是 i = i + 1;
console.log(i++) ， 是先打印了i, 然后才执行的 i = i + 1;
如果你改成 console.log(++i); 那么就是 1， 2了。

Answer 3

这就是 i++ 和 ++i 的区别了，i++是先引用后自增，++i是先自增再引用

Answer 4

var a = 42;
a++; //42
a; //43

++a; //44
a; //44

Answer 5

第一次执行f1的时候，输出0，因为是i++，所以先输出i，后加，再次执行时候，i这时候为1，同理，输出2。执行f2时候，因为i为0，所以输出了0。也就是f1和f2作用域不一样，所以i引用的也就不一样。

Answer 6

f1()就是执行

    function() {
        console.log(i++);
    }

而i是f1的内部变量 ++之后自然输出 0 ， 1

你代码加一行就懂了

function foo() {
    var i = 0;
    console.log(i);
    return function() {
        console.log(i++);
    }
}

新加的console.log只会在 var f1 = foo() 时执行 而f1()不会执行

Answer 7

i++是先运算后加减，所以先输出0，之后才变为1

Answer 8

因为++是运算后自加运算符。i会在运算完这条指令后再自加。

Answer 9

0的原因是会先执行console.log然后i再自增，而f1和f2中的i是没有联系的，且因为有闭包的原因，再次执行f1就会得到1。