ES6 | 变量

ES6 引入了新的变量声明方式，包括let和const，这些新方式使得变量作用域更加明确，并避免了常见的变量声明问题。

let

let声明的变量具有块级作用域。它不会被提升到函数作用域的顶部，并且在使用之前不允许引用。在for循环等需要使用不同作用域的情况下，它十分有用。

for(let i = 0; i < 10; i++){
  console.log(i);
}
console.log(i); // ReferenceError: i is not defined

const

与let类似，const声明的变量也具有块级作用域。但它声明的是一个常量，只能在声明时初始化，并且后续不能再对其进行赋值操作。这使得我们更加安全地处理变量值。

const a = 1;
a = 2; // TypeError: Assignment to constant variable.

解构赋值

ES6允许我们使用解构赋值，通过一种简洁的语法将数组或对象的属性分配给变量。这使代码更加简洁易懂，而且更加容易维护。

数组解构

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

对象解构

const obj = {name:'John',age:20};
const {name,age} = obj;
console.log(name); // John
console.log(age); // 20

更多

ES6的变量声明方式还有很多，包括箭头函数、模板字符串等，这些语法的使用能够使我们的代码更加简洁易懂，是现代JavaScript开发必备的技能。

以上就是ES6中变量相关的内容介绍，希望可以帮助你更好地了解这些语法。