在ES6之前,只存在全局作用域和函数作用域,没有块级作用域,这会导致变量提升问题。变量提升往往会得到一些出乎意料的结果,导致面试的时候又多了很多考点,哎,TM烦死了。
var a = 'Hello JavaScript';
(function(){
console.log(a) // 会输出undefined,变量的声明得到了提升,但是赋值操作并没有提升
var a = 'Hello JavaScript';
})();
[PS:变量提升是将变量的声明提升到函数顶部的位置,而变量的赋值并不会被提升。需要注意的一点是,会产生提升的变量必须是通过var关键字定义的,而不通过var关键字定义的全局变量是不会产生变量提升的。]
(function (){
console.log(a) // Uncaught ReferenceError: a is not defined
a = 'Hello JavaScript';
})();
ES6中新增的let和const关键字就是为了块级作用域服务的。
先说说let
先来看一个简单的例子。
{
let a = 1;
console.log(a); // 输出 1
}
console.log(a) // ReferenceError: a is not defined
从上面的例子可以看出let关键字只在所在的代码块内有效,如果把上述代码关键字换成var,则不会报错,var在代块外依然有效。这就说let和var在使用上的区别。
let在定义变量的时候还具备一些与var不同的特性,这也是面试时候大概率会被问到的考点,下面来简单总结一下let关键字的特性,也就说与var关键字的不同点。
let关键字特性
1.不存在变量提升
变量提升的现象我们在开头的代码已经见识过了。使用let关键字声明变量,如果在未声明之前使用会抛出异常。
console.log(a) // Uncaught ReferenceError: a is not defined
let a = 'Hello JavaScript';
2.存在暂时性死区
由上述第一点得知,使用let关键字声明的变量,在声明前不能被访问,访问就会抛出异常。其中,流程进入新作用域创建变量到变量可以被访问的这一段代码区域,被称为暂时性死区。也就说在使用let关键字声明变量之前,变量不可访问。
{
// 暂时性死区开始
a = 'Hello JavaScript';
console.