Babel如何编译const和let

1、babel如何编译const和let

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

 

参考资料

Was this helpful?

0 / 0

发表评论 0

Your email address will not be published. Required fields are marked *