首先來看下編譯結果:
let value = 'a'
// babel編譯後:
var value = 'a'
可以看到 Babel是將let編譯成了var,那再來一個例子:
if (false) {
let value = 'a';
}
console.log(value); // value is not defined
如果babel將let編譯爲var因該打印 undefined,爲何會報錯呢,babel是這樣編譯的:
if (false) {
var _value = 'a';
}
console.log(value);
babel是改變量名,使內外層的變量名稱不一樣。 const 修改值時報錯,以及重複聲明報錯怎麼實現的呢?其實在編譯時就報錯了
重點來了:for循環中的 let 聲明呢?
var functions = [];
for (let i = 0; i < 3; i++) {
functions[i] = function () {
console.log(i);
};
}
functions[0](); // 0
babel編譯成了:
var functions = [];
var loop = function loop(i) {
functions[i] = function () {
console.log(i);
};
};
for (var i = 0; i < 3; i++) {
loop(i);
}
functions[0](); // 0