ES6学习笔记之let与const关键字

最新推荐文章于 2022-06-27 12:11:36 发布

O==》=====>

最新推荐文章于 2022-06-27 12:11:36 发布

阅读量289

点赞数 1

分类专栏： JavaScript 文章标签： javascript js es6

本文链接：https://blog.csdn.net/piaoyis/article/details/114031866

版权

在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 deﬁned 
a = 'Hello JavaScript';
})();

ES6中新增的let和const关键字就是为了块级作用域服务的。

先来看一个简单的例子。

{
   
let a = 1;
console.log(a); // 输出 1 
}
console.log(a) // ReferenceError: a is not deﬁned

从上面的例子可以看出let关键字只在所在的代码块内有效，如果把上述代码关键字换成var，则不会报错，var在代块外依然有效。这就说let和var在使用上的区别。

let在定义变量的时候还具备一些与var不同的特性，这也是面试时候大概率会被问到的考点，下面来简单总结一下let关键字的特性，也就说与var关键字的不同点。

变量提升的现象我们在开头的代码已经见识过了。使用let关键字声明变量，如果在未声明之前使用会抛出异常。

console.log(a) // Uncaught ReferenceError: a is not deﬁned
let a = 'Hello JavaScript';

由上述第一点得知，使用let关键字声明的变量，在声明前不能被访问，访问就会抛出异常。其中，流程进入新作用域创建变量到变量可以被访问的这一段代码区域，被称为暂时性死区。也就说在使用let关键字声明变量之前，变量不可访问。

{
   
// 暂时性死区开始
a = 'Hello JavaScript';
console.

关注