ES6是JavaScript的重大升级,确立现代语法基础;引入let/const、箭头函数、解构赋值、模板字符串、扩展运算符、模块系统及Promise等特性,提升代码简洁性、可读性与功能完整性。

ES6 是 ECMAScript 2015 的俗称,是 JavaScript 语言的一次重大升级,正式确立了现代 JS 的语法基础。它不是一门新语言,而是对 JavaScript 标准的实质性增强,让代码更简洁、可读性更强、功能更完善。
let 和 const 声明变量
取代了过去只靠 var 声明的方式,解决了作用域混乱和变量提升带来的问题。
- let:块级作用域,不能重复声明,不存在变量提升
- const:声明常量,也具块级作用域;注意它限制的是“绑定不可变”,而非值本身不可变(比如 const obj = {} 允许修改 obj.a)
箭头函数(=>)
简化函数写法,并自动绑定 this,避免传统函数中 this 指向意外丢失的问题。
- 单参数可省括号:
a => a * 2 - 单表达式可省 return 和花括号:
x => x + 1 - 没有自己的 this、arguments、super 或 new.target,适合用在回调中
解构赋值
从数组或对象中按结构提取值并赋给变量,大幅减少样板代码。
立即学习“Java免费学习笔记(深入)”;
- 数组解构:
const [a, b] = [1, 2];→ a=1, b=2 - 对象解构:
const { name, age } = { name: 'Alice', age: 30 }; - 支持默认值、重命名、嵌套解构,也适用于函数参数
模板字符串与扩展运算符
提升字符串处理和数组/对象操作的表达力。
- 反引号(`)包裹,支持多行和插值:
`Hello ${name}!` -
... 扩展运算符:用于展开数组/对象(如
[...arr1, ...arr2])、函数调用(Math.max(...numbers))、浅拷贝等 - 剩余参数(也是 ...)用于函数接收不定数量参数:
function sum(...nums) { }
模块系统(import / export)
原生支持模块化,不再依赖第三方打包工具就能组织代码依赖关系。
-
export导出变量、函数、类(命名导出或默认导出) -
import导入对应内容,支持重命名、批量导入、动态 import() -
浏览器中需使用
启用
其他实用特性
还包括 Promise(统一异步处理)、Class(更清晰的面向对象写法)、Map/Set(新数据结构)、Symbol(唯一标识符)、Proxy/Reflect(元编程能力)等,它们共同支撑起现代前端开发的基础能力。











