当前位置：网站首页>let关键字的特点

let关键字的特点

2022-07-20 21:20:00 【InfoQ】

前言

let
 语句声明一个块级作用域的本地变量，并且可选的将其初始化为一个值。
let
 是ES6新增的用于声明变量的关键字，用自己的话说，它的出现主要是用来替代 
var
 关键字的，那使用 
let
 声明的变量有什么特点呢？

特点

  • let声明的变量只在所处于的块级作用域有效
  • 不存在变量提升
  • 有暂时性死区

块级作用域🧐

块级作用域，就是使用了大括号后产生的作用域，我们来看下面这个代码
if (true) {
   let a = 10;
   console.log(a); // 10
}
复制代码
都在同一个大括号内，在同一块级作用域，可以正常打印；那如果打印和变量不在同一个大括号内，会正常打印吗？
if (true) {
   let a = 10;
}
console.log(a);
复制代码
这里将console.log(a)放在了if语句外，而a是在if语句中定义的，不在同一作用域内，打印的结果为 
a is not defined
注意：
 使用
let
关键字声明的变量才有块级作用域，使用
var
声明的变量不具备块级作用域特性
好处🪐
防止循环变量变成全局变量
for (var i = 0; i < 3; i++) {
​
}
console.log(i);
复制代码
当我们在用var做循环时，循环变量i在结束循环后依然能访问；但当我们改成let后，结束循环后就访问不到了
for (let i = 0; i < 3; i++) {
​
}
console.log(i); // i is not defined
复制代码

不存在变量提升

在ES6之前，变量可以先使用再声明，存在变量提升。而使用
let
关键字就不会出现这种情况了，必须先是声明再使用，否则就会报错。
a = 10;
console.log(a); // 10
var a; 
复制代码
a = 10;
console.log(a); // 报错
let a;
复制代码

暂时性死区

先看下面的这串代码
var num = 10;
if (true) {
 &nbsp; console.log(num); // 10
}
复制代码
正常打印，结果是10。
问题来了
—— 那如果我在if语句中用let关键字再定义一个num后，还会正常打印吗？
var num = 10;
if (true) {
 &nbsp; console.log(num);
 &nbsp; let num = 20;
} 
// Cannot access 'num' before initialization
复制代码
这就是 let 的暂时性死区。当作用域内存在用 let 关键字定义的同名变量时，console.log(num) 不会再到此块级作用域外去寻找变量，而作用域内的num是在其后面定义的，就会出现这种情况，无法正常运行。

原网站

版权声明
本文为[InfoQ]所创，转载请带上原文链接，感谢
https://xie.infoq.cn/article/36176bf0ad6eb61e2063833a3

边栏推荐

猜你喜欢

随机推荐