ES6+新特性-Let、Const与解构赋值

Shero.李建业2024-05-07 23:51

let：let关键字用于声明一个块级作用域的变量。这意味着变量只在声明它的代码块中可见，并且在代码块外不可访问。let声明的变量可以被重新赋值。

示例：

javascript 复制代码

{
  let x = 10;
  console.log(x); // 输出10
}
console.log(x); // 报错，x未定义

const：const关键字用于声明一个块级作用域的常量。与let不同，const声明的变量不能被重新赋值。但是，如果常量是一个对象或数组，那么可以修改它的属性或元素。

示例：

javascript 复制代码

const PI = 3.14159;
console.log(PI); // 输出3.14159

PI = 3.14; // 报错，常量不能被重新赋值

const person = {
  name: 'John',
  age: 30
};

person.age = 31; // 可以修改对象的属性

console.log(person); // 输出{name: 'John', age: 31}

解构赋值：解构赋值是一种快速访问和使用数组或对象中的值的方法。通过解构赋值，可以将数组或对象中的值分配给变量。

数组解构赋值示例：

javascript 复制代码

const [a, b, c] = [1, 2, 3];
console.log(a); // 输出1
console.log(b); // 输出2
console.log(c); // 输出3

对象解构赋值示例：

javascript 复制代码

const person = {
  name: 'John',
  age: 30
};

const { name, age } = person;
console.log(name); // 输出'John'
console.log(age); // 输出30

解构赋值可以简化代码，并使代码更易读和维护。