1 新的变量声明方式let/const
在ES5中,使用 var 来声明一个变量。在ES6中,新的变量声明方式带来一些不一样的特性,其中最重要的就是具备了块级作用域并且不再有变量提升。
{
let a = 10; // 你可以想象成你以前没有女朋友的时候,可以随便随便跑,现在不行了
}
console.log(a); //是不是这样啊, a is not defined
这段代码会被编译为:
{
let _a = 10;
}
console.log(_a); // a is not defined
// ES5
console.log(a); //undefined
var a = 20;
// ES6
console.log(a); // a is not defined
let a = 20;
通过demo2的例子可以看出,变量提升好像确实不存在,那么这是什么原因导致的呢?
我们知道,通过var 声明的变量,会分别经历两个步骤,首先给变量赋值一个undefined,并将整个操作提升到作用域的前面,因此会有:
var a =20;
// 等同于
var a = undefine