var , let 에 관련된 질문

강좌에서도 정확하게 왜? 그런지에 대한 말이 없어서 검색을 해보고 해도 명확하게 어떤 원리로 그런지 이해가 안되서요.

for ( var i=0 ; i<3 ; i++ ) {
setTimeout(function(){ console.log(i)},1000 );
} 
라고 하면 i는 3만나오고
for ( let i=0 ; i<3 ; i++ ) {
setTimeout(function(){ console.log(i)},1000 );
} 
으로 하면 i는 012 순서대로 나옵니다.

이게 왜 let으로 하면 012가 나오는걸까요? 이해가 잘 안되서요.