es6新增了let命令,用来声明变量。它的用法类似于var,但是所声明的变量,只在let命令所在的代码块({}中的语句)内有效。
作用范围:代码块中
认识代码块:
在JS中可以使用{}来为语句进行分组,同一个{}中的语句我们称为是一组语句, 它们要么都执行,要么都不执行;
一个{}中的语句我们也称作一个代码块, 在代码块的后面就不编写;了
for(){},整体是一个块级作用域。
q:一个script标签属于一个代码块吗
a:查找到的:如果遇到一个script标签,则JavaScript解释器会等到这个代码块都加载完成后,
说明一个script标签是一个代码块
q:代码块里如果嵌套了子级的代码块,则外层的let能在子级中读取到吗?
a:应该可以,子级代码块也包裹在外层代码块中 ,代码中也得到了证明
{
let out=222
{
console.log(out);//输出:222
}
}
var
很多语言中都有块级作用域,但JS没有,它使用var声明变量,以function来划分作用域,js用var声明的变量有两种作用域,全局和函数作用域
不存在变量提升
何为变量提升?
即变量可以在声明之前使用,值为undefined
,如var
命令会发生“变量提升”现象,
有些奇怪,照一般的逻辑,变量应该在声明语句之后才可以使用。
为什么let不存在变量提升,主要为了纠正var声明的变量“变量提升”现象,使得变量要先声明才能用
console.log(foo); //输出undefined,因为var声明的变量,存在变量提示
var foo=1;
console.log(bar);
//报错Uncaught ReferenceError: Cannot access 'bar' before initialization
//let 不存在变量提升
let bar=22;
暂时性死区
解释:块级作用域内用let声明的变量,就“绑定”(binding)在这个区域,不再受外部的影响。
var temp=134;
{
temp=1;
//Uncaught ReferenceError: Cannot access 'temp' before initialization
// 此处 let 声明了temp,使得该变量,只受块级域影响,
//忽略外部的声明,而了let声明的变量要先声明才能用,所以此处先使用报错
let temp;
}
总之,在代码块内,变量会被let声明,在使用let
命令声明变量之前,该变量都是不可用的。这在语法上,称为“暂时性死区”。
不允许重复声明
let 不允许在哪重复声明变量?
let
不允许在相同作用域内,重复声明同一个变量。
{
let a=1;
let a=2;//Cannot redeclare block-scoped variable 'a'
}
function fun(a){
let a=1;//Uncaught SyntaxError: Identifier 'a' has already been declared
}
fun();
function test(c){
//形参c属于该块级作用域,函数之间的花括号
{
let c=2; //这样写不报错,因为这个不在同一个块级作用域
}
}
test();
参考 https://www.bookstack.cn/read/es6-3rd/spilt.1.docs-let.md