ES6 新特性让 JavaScript 更强大

ES6（又称 ECMAScript 2015）是 JavaScript 的第二个主要修订版，于 2015 年 6 月 17 日发布。ES6 引入了许多新特性，让 JavaScript 变得更加强大和易用。

ES6 的一些主要新特性包括：

• **let 和 const ** ：let 和 const 是两个新的变量声明关键字。let 声明的变量可以在块级作用域内重新赋值，而 const 声明的变量则不能重新赋值。
• 箭头函数 ：箭头函数是一种简写函数语法，可以更简洁地编写函数。
• 模板字面量 ：模板字面量允许您使用模板字符串来创建字符串，可以更方便地拼接字符串。
• 扩展运算符 ：扩展运算符允许您将一个数组或对象展开为一组参数或属性。
• 剩余参数 ：剩余参数允许您将函数中的所有剩余参数收集到一个数组中。
• 默认参数 ：默认参数允许您为函数的参数指定默认值。
• 类 ：类是 ES6 中引入的一种新的数据类型，它允许您创建对象蓝图。
• Promise ：Promise 是一种新的异步编程机制，它允许您处理异步操作的结果。
• async/await ：async/await 是 ES6 中引入的两种新的关键字，它们允许您以同步的方式编写异步代码。
• 模块 ：模块是 ES6 中引入的一种新的组织代码的方式，它允许您将代码分成更小的、可重用的块。

这些只是 ES6 中众多新特性中的一部分。ES6 的这些新特性让 JavaScript 变得更加强大和易用，它也让 JavaScript 更加适合于编写大型和复杂的应用程序。

以下是 ES6 的一些新特性的示例：

// let 和 const 关键字
let x = 10;
x = 20; // 可以重新赋值

const y = 20;
y = 30; // 报错：不能重新赋值

// 箭头函数
const add = (a, b) => a + b;

// 模板字面量
const name = "John Doe";
const greeting = `Hello, ${name}!`;

// 扩展运算符
const numbers = [1, 2, 3, 4, 5];
console.log(...numbers); // 输出：1 2 3 4 5

// 剩余参数
function sum(...numbers) {
  return numbers.reduce((a, b) => a + b);
}

// 默认参数
function greet(name = "John Doe") {
  console.log(`Hello, ${name}!`);
}

// 类
class Person {
  constructor(name, age) {
    this.name = name;
    this.age = age;
  }

  greet() {
    console.log(`Hello, my name is ${this.name} and I am ${this.age} years old.`);
  }
}

// Promise
const promise = new Promise((resolve, reject) => {
  setTimeout(() => {
    resolve("Hello, world!");
  }, 2000);
});

promise.then((result) => {
  console.log(result); // 输出：Hello, world!
});

// async/await
async function greetAsync() {
  const result = await promise;
  console.log(result); // 输出：Hello, world!
}

greetAsync();

// 模块
import { add, subtract } from "./math.js";

console.log(add(1, 2)); // 输出：3
console.log(subtract(3, 2)); // 输出：1

这些只是 ES6 中众多新特性的几个示例。ES6 的这些新特性让 JavaScript 变得更加强大和易用，它也让 JavaScript 更加适合于编写大型和复杂的应用程序。