JS的for循环包裹异步函数的问题

有个循环，循环一个异步回调，为啥回调引用的循环值都是最后一步循环的循环值？然后，又有些时候无论什么循环值都得不到？

var arr = [1,3,5,7,9];
var arrLength = arr.length;

for (var i = 0; i < arrLength; i++) {
    setTimeout(function() {
        console.log(i);
        console.log(arr[i]);
    }, 2000);
}

结果是：

5
undefined
5
undefined
5
undefined
5
undefined
5
undefined

解决方法：使用自执行函数传参

var arr = [1,3,5,7,9];
var arrLength = arr.length;

for (var i = 0; i < arrLength; i++) {
    (function(i) {
        setTimeout(function() {
            console.log('i是' + i);
            console.log('value是' + arr[i]);
        }, 2000);
    })(i);
}

结果是：

i是0
value是1
i是1
value是3
i是2
value是5
i是3
value是7
i是4
value是9

参考链接：

https://www.jianshu.com/p/690f58a3ff7b