ES6 常用核心语法

一、ES6 概述

ES6（ES2015）是JavaScript的重大版本更新，新增大量语法糖和新特性，简化代码写法、解决ES5语法缺陷，是Vue、React等框架的基础语法，现代前端开发必须熟练掌握。

二、核心常用语法

1. 解构赋值

快速从数组、对象中提取值，简化变量赋值代码：

数组解构：const [a,b] = [1,2]；对象解构：const {name,age} = obj

支持默认值、按需解构，大幅简化数据获取逻辑。

2. 箭头函数

简化匿名函数写法，核心特点：无自己的this、无法绑定this、不能作为构造函数、无arguments。

语法：() => {}，单行代码可省略{}和return，适合回调函数场景。

3. 模板字符串

使用``包裹，支持换行、直接嵌入变量（${变量名}），替代传统字符串拼接，代码更简洁易读。

4. 扩展运算符 ...

可展开数组、对象，用于数组合并、对象拷贝、参数传递：

数组合并：[...arr1,...arr2]；对象浅拷贝：{...obj}

5. Set 数据结构

ES6新增，自动去重，存储唯一值，常用于数组去重、数据筛选，支持增删查改。

6. Promise 异步解决方案

解决ES5回调地狱问题，用于处理异步请求（AJAX、接口请求），支持链式调用，状态分为pending（进行中）、fulfilled（成功）、rejected（失败）。

三、开发使用规范

1. 所有变量优先使用let/const，彻底废弃var；

2. 简单回调场景优先使用箭头函数；

3. 数组去重、数据遍历优先使用ES6新API。