ES6 新变量声明方式探索：let 与 const 关键字

2023-09-19 15:26:50

ES6 中的 let 和 const 是两个非常重要的语法糖，它们可以让 JavaScript 更加灵活和安全。本文将对这两个关键字进行详细的介绍。

let 关键字

let 关键字用于声明一个块级作用域的变量。这意味着，let 声明的变量只在 let 命令所在的代码块内有效，不能重复声明。

{
  let x = 10;
  console.log(x); // 10
}

console.log(x); // 报错：x is not defined

上例中，x 变量只在代码块内有效，一旦代码块执行完毕，x 变量就会被销毁。因此，在代码块外访问 x 变量会报错。

const 关键字

const 关键字用于声明一个常量。常量一旦声明就不能被重新赋值。

const PI = 3.14;
PI = 3.15; // 报错：Assignment to constant variable.

上例中，PI 变量被声明为一个常量，因此不能被重新赋值。

let 和 const 的区别

let 和 const 的主要区别在于作用域和可变性。let 声明的变量只在块级作用域内有效，而 const 声明的变量在整个脚本中都有效。此外，let 声明的变量可以被重新赋值，而 const 声明的变量不能被重新赋值。

let 和 const 的用法

let 和 const 的用法非常灵活，可以根据不同的场景选择不同的关键字。一般来说，如果变量只在块级作用域内使用，则使用 let 关键字。如果变量在整个脚本中都有效，则使用 const 关键字。

// 使用 let 关键字声明一个临时变量
let temp = 10;

// 使用 const 关键字声明一个常量
const PI = 3.14;

// 在循环中使用 let 关键字声明一个循环变量
for (let i = 0; i < 10; i++) {
  console.log(i);
}

// 在函数中使用 const 关键字声明一个函数参数
function add(a, b) {
  console.log(a + b);
}