let和const命令

146 阅读2分钟

let命令

基本用法

es6新增了let命令,用于声明变量,其用法类似于 var ,但是所声明的变量只在let命令所在的代码块内有效。

{  //这是一个代码块
  let a = 1 ;
  var b = 2 ;
}
console.log(a)  //ReferenceError
console.log(b)  //2

不存在变量提升

var 关键字的变量提升应该都有体会,值得一说的是let 关键字声明的变量不存在变量提升

 // 使用var会有变量提升
 console.log(a) //undefiend
 var a = 1
 
 // 使用let不会有变量提升
 console.log(b)  //  ReferenceError
 let b = 2

暂时性死区

只要块级作用域内存在let命令,它所声明的变量就“绑定”了这个区域,不再受外部的影响。

var i = 1

{
    console.log(i) //1

}
var i = 1

{
    let i = 2
    console.log(i) //2
    

}

暂时性死区↓

var i = 1

{
    console.log(i) //ReferenceError
    //当块级作用域内存在let变量时在let关键字之前的区域应用该变量都会报引用错误,这个区域称之为暂时性死区
    let i = 2

}

es6明确规定,如果区块中存在letconst命令,则这个区域对这些命令的=声明的变量从一开始就形成封闭作用域。只要在声明之前就使用这些变量,就会报错

总之,在代码块内,使用let 命令声明变量之前,该变量都是不可用的,这在语法上称为暂时性死区 ,暂时性死区的本质就是,只要进入当前作用域,所要使用的变量就已经存在,但是不可获取,只有等到声明变量的那一行代码出现,才可以获取和使用该变量。

不允许重复声明

let不允许在相同作用域内重复声明同一个变量。

块级作用域

ES5只有全局作用域和函数作用域,没有块级作用域,这导致很多场景不合理。let实际上为javascript新增了块级作用域。

后续细说

const命令

const声明一个只读的常量,一旦声明,常量的值就不可改变,这就意味着,const一旦声明常量,就必须初始化。

基本用法

  const a = 1;

其他特性跟let基本一致

ES6 声明变量的6种方法

除了es5已有的varfunction,以及这里的letconst,还有后面要讲到的importclass

后续细说