揭开ES6之let and const的面纱：变量声明新时代

前端

2023-11-16 15:00:36

变量声明是编程中不可或缺的基础知识，在ES6之前，我们使用var来声明变量。但是，var存在一些令人头疼的问题，包括变量提升、重复声明和函数级作用域等。

ES6的let和const应运而生，旨在解决这些痛点，并带来了新的特性。

let

let声明的变量具有块级作用域，这意味着它们只在声明所在的块（花括号包围的代码块）及其内部的子块中有效。 这与var不同，var声明的变量具有函数级作用域，这意味着它们在整个函数中都有效，即使在嵌套的块中也是如此。

let还禁止重复声明，这意味着在同一个块中，不能重复声明同一个变量。 这有助于避免命名冲突，提高代码的可读性和可维护性。

const

const声明的变量是常量，这意味着它们的 值一旦被赋予，就不能被重新赋值。 const与let一样，也具有块级作用域和禁止重复声明的特性。

const常用于声明不变的值，例如全局常量或枚举。 使用const可以防止意外地修改这些值，从而提高代码的稳定性和安全性。

let和const的比较

下表对let和const进行了比较：

特性	let	const
作用域	块级	块级
重复声明	禁止	禁止
值的可变性	可变	不可变
典型用法	局部变量、循环变量、临时变量	全局常量、枚举、不变的值

实例

下面是一些使用let和const的实例：

// let声明局部变量
function example() {
  let x = 10;
  {
    let y = 20;
    console.log(x); // 10
    console.log(y); // 20
  }
  console.log(x); // 10
  console.log(y); // ReferenceError: y is not defined
}

// const声明全局常量
const PI = 3.14;
PI = 3.15; // TypeError: Assignment to constant variable.