Babel是如何编译let和const?

首先来看下编译结果:
	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
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值