es6变量声明与解构赋值

ES6中的变量声明与解构赋值是两个重要且实用的特性，以下为你详细介绍：

变量声明

let声明

• 块级作用域：let声明的变量具有块级作用域，这意味着变量只在其所在的代码块内有效。与var声明的变量不同，var声明的变量具有函数级作用域，会导致变量提升等一些容易引起混淆的问题，而let很好地解决了这些问题。

  {
       
  let a = 10;
  console.log(a); // 10
  }
  console.log(a); // ReferenceError: a is not defined
  

• 不存在变量提升：使用let声明的变量不会被提升到代码块的顶部，在声明之前访问该变量会导致ReferenceError。

  console.log(b); // ReferenceError: b is not defined
  let b = 20;
  

• 不允许重复声明：在同一作用域内，不能使用let重复声明同一个变量，否则会抛出SyntaxError。

  let c = 30;
  let c = 40; // SyntaxError: Identifier 'c' has already been declared
  

const声明

• 常量声明：const用于声明常量，一旦声明，其值就不能再被修改。这有助于提高代码的可维护性和可读性，特别是对于那些在整个程序执行过程中不应改变的值。

  const PI = 3.1415926;
  PI = 3.14; // TypeError: Assignment to constant variable.
  

• 必须初始化：使用const声明变量时必须同时进行初始化，否则会抛出SyntaxError。

  const x; // SyntaxError: Missing initializer in const declaration
  

• 对象和数组的属性可修改：需要注意的是，虽然const声明的变量本身不能重新赋值，但如果声明的是对象或数组，其内部的属性或元素是可以被修改的。

const obj = {
    name: 'John' };
obj.name = 'Jane'; // 可以修改对象的属性
console.log(obj); // { name: 'Jane' }

const arr = [1, 2, 3];
arr.push(4); // 可以修改数组的元素
console.log(arr); // [1, 2, 3, 4]

解构赋值

数组解构赋值

• 基本用法：允许从数组中提取值并赋值给变量，变量的顺序与数组元素的顺序相对应。

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

• 忽略某些值：可以通过逗号跳过不需要的值。

  let [x,, y] = [1, 2, 3];
  console.log(x); // 1
  console.log(y); // 3
  

• 剩余参数：使用...语法可以将剩余的数组元素收集到一个新的数组中。

  let [m, n,...rest] = [1, 2, 3, 4, 5];
  console.log(m); // 1
  console.log(n); // 2
  console.log(rest); // [3, 4, 5]
  

对象解构赋值

• 基本用法：可以从对象中提取属性值并赋值给变量，变量名必须与对象的属性名相同。

  let {
        name, age } = {
        name: 'John', age: 30 };
  console.log(name); // John
  console.log(age); // 30
  

• 别名：如果变量名与对象属性名不一致，可以使用别名来进行解构赋值。

  let {
        name: fullName, age: years } = {
        name: 'John', age: 30 };
  console.log(fullName); // John
  console.log(years); // 30
  

• 默认值：可以为解构赋值的变量设置默认值，当对象中对应的属性不存在时，将使用默认值。

  let {
        city = 'New York' } = {
       };
  console.log(city); // New York
  

ES6的变量声明与解构赋值特性使得代码更加简洁、清晰，提高了开发效率和代码的可读性，在实际开发中被广泛应用。