js 中 for 循环的语法糖解开是什么样的？为什么 let 和 var 导致输出结果不同？

function foo() { var funcs = []; for (var i = 0; i < 3; i++) { //此处使用 var i = 0 funcs[i] = function () { console.log("funcs - " + i); }; } for (var j = 0; j < 3; j++) { funcs[j](); } } foo(); 

输出结果：
funcs - 3
funcs - 3
funcs - 3

function foo() { var funcs = []; for (let i = 0; i < 3; i++) { //此处使用 let i = 0 funcs[i] = function () { console.log("funcs - " + i); }; } for (var j = 0; j < 3; j++) { funcs[j](); } } foo(); 

输出结果：
funcs - 0
funcs - 1
funcs - 2

我知道 let 的作用域被 {} 限制，而 var 的作用域等于其所在的函数的函数体，但就从这个知识点我不能解释上述情况出现的原因。我觉得其中我对 for 语法糖背后的实际代码不了解也是重要的原因，所以来请教下。感谢。