let、const关键字

217 阅读2分钟

let关键字

ES6中新增的用于声明变量的关键字。

  • let声明的变量只在所处于的块级有效
if(true) {
let a = 10;
)
console. log (a) // a is not defined

注意:使用let关键字声明的变量才具有块级作用域,使用var声明的变量不具备块级作用域特性。

  • let声明的变量不存在变量提升
console.log(a);//a is not defined
let a = 10;
  • 暂时性死区

假设在全局作用域和局部作用域都声明了同名的变量,又在该局部作用域中,该局部变量声明之前使用这个变量,这个变量不会向全局作用域中查找而是返回undefined

var a = 6;
var b = 3;
var num = 10;
if(a>b){
    console.log(num);//num is no defined
    let num = 230;
}

如果局部作用域中没有同名的变量则会向上查找

经典面试题

var arr1 = [];
for (var i = 0; i < 2; i++) {
  arr1[i] = function () {
    console.log(i);
  };
}

arr1[0]();   // 2
arr1[1]();   // 2

var arr2 = [];
for (let j = 0; j < 2; j++) {
  arr2[j] = function () {
    console.log(j);
  };
}
arr2[0]();    //0
arr2[1]();   //1

const关键字

作用:声明常量,常量就是值(内存地址)不能变化的量。

  • 具有块级作用域
if (true) {
const a = 10;
}
console.log (a;)// a is not defined
  • 声明常量时必须赋值
const PI; // Missing initializer in const declaration
  • 常量赋值后,值不能修改。
const PI = 3.14;
PI = 100; // Assignment to constant variable.

const ary = [100,200];
ary[0] = 'a';  //在这里是更改ary下标的值,并没有更改ary的存储地址
ary[1]='b';

console.log(ary); // ['a ', 'b' ];
ary = [ 'a', 'b']; // Assignment to constant variable.

let、const、var的区别

  1. 使用var声明的变量,其作用域为该语句所在的函数内,且存在变量提升现象。
  2. 使用let声明的变量,其作用域为该语句所在的代码块内,不存在变量提升。
  3. 使用const声明的是常量,在后面出现的代码中不能再修改该常量的值。
varletconst
函数级作用域块级作用域块级作用域
变量提升不存在变量提升不存在变量提升
值可更改值可更改值不可更改