ES6 语法之常量与变量的声明

在 JavaScript 中，变量是一个非常重要的概念，它可以帮助我们在代码中存储和操作数据。ES6 是 JavaScript 的一个重要版本，它引入了一些新的语法，包括常量和变量的声明。本文将详细介绍 ES6 中常量和变量的声明，以及它们的使用方法和指导意义。

常量的声明

在 JavaScript 中，常量是一个不可变的值。ES6 中引入了一个新的关键字 const，用于声明常量。使用 const 声明的变量不能被重新赋值。例如：

const PI = 3.14;
PI = 3; // 报错，无法重新赋值

在声明常量时，必须同时进行初始化。例如：

const PI; // 报错，必须同时进行初始化

常量的作用域与变量相同，都是块级作用域。例如：

if (true) {
  const PI = 3.14;
}
console.log(PI); // 报错，PI 在块级作用域外部无法访问

常量的命名规则与变量相同，但建议使用大写字母和下划线来标识。例如：

const MAX_COUNT = 10;

变量的声明

在 ES6 之前，JavaScript 中只有两种声明变量的方式，即使用 var 和不使用任何关键字。ES6 引入了两种新的声明变量的方式，即 let 和 const。

var

在 ES6 之前，var 是声明变量的唯一方式。使用 var 声明的变量是全局变量或函数级变量。例如：

function test() {
  var a = 1;
  console.log(a); // 1
}
console.log(a); // 报错，a 在函数外部无法访问

使用 var 声明的变量存在变量提升的特性。例如：

console.log(a); // undefined
var a = 1;

let

let 用于声明块级作用域的变量。使用 let 声明的变量可以被重新赋值，但不能在同一作用域内重新声明。例如：

let a = 1;
a = 2; // 可以重新赋值
let a = 3; // 报错，无法重新声明

使用 let 声明的变量不存在变量提升的特性。例如：

console.log(a); // 报错，a 没有被声明
let a = 1;

暂时性死区

使用 let 声明的变量存在一个特殊的概念，即暂时性死区。在 let 声明的变量之前使用该变量会报错。例如：

let a = 1;
{
  console.log(a); // 报错，a 在块级作用域内未声明
  let a = 2;
}

const

const 用于声明常量，具有与 let 相同的作用域和暂时性死区的特性。使用 const 声明的常量不能被重新赋值，但可以修改其属性。例如：

const person = {
  name: 'Tom',
  age: 18
};
person.age = 19; // 可以修改属性
person = {}; // 报错，无法重新赋值

总结

ES6 中引入了常量和变量的声明方式，包括 const、let 和 var。其中，const 用于声明常量，let 用于声明块级作用域的变量，var 用于声明全局变量或函数级变量。使用 const 和 let 声明的变量具有块级作用域和暂时性死区的特性，不存在变量提升。在实际开发中，建议使用 const 和 let，避免使用 var 声明变量。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6582ba77d2f5e1655ddcd04d