for 循环中的setTimeout(function(){})异步问题，为什么改var 为let就可以解决？

1 for (var i=1; i<=9; i++) {
2     setTimeout( function timer(){
3     console.log( i );
4     },1000 );
5 }

上面的代码，由于setTimeout是异步的，那么在真正的1000ms结束前，其实10次循环都已经结束了
为什么改成let这样就可以解决？

1 for (let i=1; i<=9; i++) {
2     setTimeout( function timer(){
3         console.log( i );
4     }, 1000 );
5 }

还有另外一种方法，改成

1 for (var i=1; i<=9; i++) {
2     (function(j){
3         setTimeout( function timer(){
4             console.log( j );
5         }, 1000 );
6     })( i );
7 }

我觉得这种方法也是在timer()之外传入了参数i，跟一开始那个错误的代码并没有什么区别啊，为什么多加一层匿名函数就可以解决异步问题？