🌟 为什么学习 ES6?

ES6(ECMAScript 2015)是 JavaScript 的重要更新,带来了许多新特性。以下是核心亮点:

📌 1. 声明变量:letconst

  • let 声明块级作用域变量,避免变量提升问题
  • const 用于声明不可变的常量,提升代码安全性
ES6 let and const

📌 2. 箭头函数 →

  • 简化函数写法:() => {}
  • 继承父作用域的 this 关键字
// 示例
const square = x => x * x;
Arrow Function

📌 3. 模板字符串(Template Literals)

  • 使用反引号(`)包裹字符串
  • 支持多行字符串和变量嵌入
const name = "Alice";
console.log(`Hello, ${name}!`);
Template Literals

📌 4. 解构赋值(Destructuring)

  • 对象与数组的简洁解构方式
  • 示例:
const [a, b] = [1, 2];
const { name, age } = { name: "Bob", age: 30 };
ES6 Destructuring

📌 5. 类(Classes)

  • 更直观的面向对象语法
  • 使用 class 定义类,extends 实现继承
class Person {
  constructor(name) {
    this.name = name;
  }
}
ES6 Classes

🧠 推荐扩展阅读

想要深入学习?点击 ES6 高级特性 查看更多内容!