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 进阶用法,可参考:ES7 新特性指南