ES6(ECMAScript 2015)是JavaScript语言的一次重大更新,引入了许多新特性,极大地提升了开发体验和代码质量。本文将深入解析其中最核心的特性。

1. 箭头函数

箭头函数提供了更简洁的函数语法,并且不绑定自己的this值。

// 传统函数
function add(a, b) {
    return a + b;
}

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

// 只有一个参数时可以省略括号
const square = x => x * x;

// 没有参数时需要括号
const greet = () => 'Hello!';

2. 解构赋值

解构赋值允许我们从数组或对象中提取数据并赋值给变量。

// 数组解构
const [first, second, ...rest] = [1, 2, 3, 4, 5];
console.log(first); // 1
console.log(rest); // [3, 4, 5]

// 对象解构
const person = { name: '张三', age: 25 };
const { name, age } = person;
console.log(name); // '张三'

3. 模板字符串

使用反引号(`)创建模板字符串,支持多行文本和表达式插值。

const name = '李四';
const age = 30;

// 传统方式
const