let 与 const 的区别

最新推荐文章于 2024-04-30 16:11:18 发布

原创最新推荐文章于 2024-04-30 16:11:18 发布 · 278 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#es6

本文深入探讨了JavaScript中let和const命令的使用，解析了它们与var的区别，包括作用域、变量提升、重复声明等问题，并详细阐述了const声明常量的特性。

let 与 const

1.let命令

let命令，用来声明变量时和var类似，但是只在let命令所在的代码块内有效，而var 是全局有效。

let声明的变量只是在代码块内有效

{
  let a = 1;
  var b = 2;
}
a // ReferenceError: a is not defined.   报错，说明let声明的变量只是在代码块内有效
b // 2

for循环的计中的 let命令。

for (let i = 0; i < 3; i++) {
console.log(i) //输出：0,1，2
//代码块内
}
console.log(i);//ReferenceError: i is not defined  报错

let不存在变量提升
var命令会发生”变量提升“现象，即变量可以在声明之前使用，值为undefined
let所声明的变量一定要在声明后使用，否则报错。

// var 的情况
console.log(aa); // 输出undefined
var aa= 2;

// let 的情况
console.log(bb); // 报错ReferenceError
let bb= 2;

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

// 报错
function () {
  let a = 10;
  var a = 1;
}

// 报错
function () {
  let a = 10;
  let a = 1;
}

不能在函数内部重新声明参数。

function func(arg) {
  let arg; // 报错
}

function func(arg) {
  {
    let arg; // 不报错
  }
}

暂时性死区
只要块级作用域内存在let命令，它所声明的变量就“绑定”（binding）这个区域，不再受外部的影响。

if (true) {
  // TDZ开始
  tmp = 'abc'; // ReferenceError 报错
  console.log(tmp); // ReferenceError 报错

  let tmp; // TDZ结束
  console.log(tmp); // undefined

  tmp = 123;
  console.log(tmp); // 123
}

在let命令声明变量tmp之前，都属于变量tmp的“死区”。

2.const命令

声明一个只读的常量。一旦声明，常量的值就不能改变。这意味着，const一旦声明变量，就必须立即初始化，不能留到以后赋值。

const PI = 3.1415;
PI // 3.1415

PI = 3;
// TypeError: Assignment to constant variable.

const的作用域与let命令相同：只在声明所在的块级作用域内有效。

if (true) {
  const MAX = 5;
}

MAX // Uncaught ReferenceError: MAX is not defined

const命令声明的常量也是不提升，同样存在暂时性死区，只能在声明的位置后面使用。

if (true) {
  console.log(MAX); // ReferenceError
  const MAX = 5;
}

上面代码在常量MAX声明之前就调用，结果报错。

const声明的常量，也与let一样不可重复声明。

var message = "Hello!";
let age = 25;

// 以下两行都会报错
const message = "Goodbye!";
const age = 30;