现代JavaScript ES6+ 核心特性详解
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