回顾ES6：回顾一些ES6内容

**ES6，全称ECMAScript 2015，是JavaScript语言的一个重大更新，引入了许多新特性，极大地提升了开发效率和代码质量。本文将详细回顾ES6的关键知识点，包括但不限于变量声明、解构赋值、箭头函数、模板字符串、类与继承以及模块化等。** ### 1. 变量声明：`let` 和 `const` 在ES6之前，我们主要使用`var`来声明变量，但其存在作用域问题。ES6引入了`let`和`const`，它们遵循块级作用域，解决了`var`的一些困扰。`let`可以重新赋值，而`const`声明的是常量，一旦赋值后不能更改。 ### 2. 解构赋值 解构赋值允许我们从数组或对象中提取值，赋给对应的变量。例如： ```javascript let [a, b] = [1, 2]; // a = 1, b = 2 let { foo, bar } = { foo: 'foo', bar: 'bar' }; // foo = 'foo', bar = 'bar' ``` ### 3. 箭头函数 箭头函数简化了函数的书写，表达更简洁，没有自己的`this`，它的`this`值取决于上下文。如： ```javascript // 普通函数 function add(x, y) { return x + y; } // 箭头函数 const add = (x, y) => x + y; ``` ### 4. 模板字符串 模板字符串用反引号（`）包裹，可以包含变量和表达式，方便字符串拼接。例如： ```javascript let name = 'John'; console.log(`Hello, ${name}!`); // 输出 "Hello, John!" ``` ### 5. 类与继承 ES6引入了类的概念，虽然本质上还是基于原型的继承，但它提供了一种更面向对象的语法。类有构造函数、方法，并且支持继承。例如： ```javascript class Animal { constructor(name) { this.name = name; } speak() { console.log(`${this.name} makes a sound.`); } } class Dog extends Animal { speak() { console.log(`${this.name} barks.`); } } ``` ### 6. 模块化 在ES6中，我们可以通过`import`和`export`实现模块化。一个模块可以导出多个成员，其他模块可以导入并使用这些成员。例如： ```javascript // 导出 export const square = num => num * num; // 导入 import { square } from './math'; console.log(square(5)); // 输出 25 ``` ### 7. 默认参数、剩余参数和展开运算符 函数参数可以设置默认值，避免因为未传参而导致的错误。剩余参数允许我们将不定数量的参数收集到一个数组中，而展开运算符则可以在需要数组的地方使用这些参数。例如： ```javascript function greet(name = 'World') { console.log(`Hello, ${name}!`); } greet(); // 输出 "Hello, World!" function sum(...numbers) { return numbers.reduce((acc, curr) => acc + curr, 0); } console.log(sum(1, 2, 3)); // 输出 6 ``` 以上只是ES6部分核心特性的简单介绍，实际应用中还有生成器、Promise、Proxy、Reflect等更多内容。学习和掌握ES6，能让你的JavaScript编程更加高效和优雅。