ES6(ECMAScript 2015)是 JavaScript 的重要更新,带来了许多新特性。以下是关键知识点速览:

🌟 箭头函数

const square = x => x * x;
  • 简化函数写法
  • 继承父作用域的 this 绑定
  • 适用于回调函数场景
箭头函数

🛠️ 模板字符串

console.log(`Hello, ${name}!`);
  • 使用反引号 ` 包裹
  • 支持多行字符串
  • 简化字符串拼接操作

⚙️ 解构赋值

const [a, b] = [1, 2];
const { name, age } = person;
  • 数组/对象属性提取
  • 参数默认值设置
  • 简化数据处理流程
解构赋值

⚡ 模块系统

// 导出
export function greet() { ... }

// 导入
import { greet } from './module.js';
  • export/import 语法
  • 更好的代码组织方式
  • 支持命名导出和默认导出

📦 类与继承

class Person {
  constructor(name) { this.name = name; }
  greet() { console.log(`Hello, ${this.name}`); }
}
  • ES5 构造函数的替代方案
  • 更清晰的面向对象语法
  • 支持静态方法和继承
类_ES6

如需深入了解 ES6 进阶用法,可参考:ES7 新特性指南