ES6是JavaScript的重大标准升级,核心特性包括:1. let/const提供块级作用域;2. 箭头函数简化语法且不绑定this;3. 模板字符串支持多行与变量插值;4. 解构赋值便捷提取数据;5. import/export实现模块化管理。

ES6(全称 ECMAScript 2015)是 JavaScript 语言的一次重大标准升级,不是新语言,而是对 JS 核心语法和能力的系统性增强。它让代码更简洁、逻辑更清晰、维护更容易,也奠定了现代前端开发(如 React、Vue、TypeScript)的语法基础。
let 和 const:真正可控的变量声明
取代容易出错的 var,带来块级作用域和更可预测的行为:
-
let 声明变量:只在
{}内有效,不会变量提升,同一作用域不能重复声明;适合循环计数器、临时值等需要修改的场景。 - const 声明常量:必须初始化,基本类型(数字、字符串)值不可改,引用类型(对象、数组)地址不可改,但内部属性或元素可以修改。
箭头函数:更简短 + this 不迷路
用 => 替代 function,不只是写得少,关键是行为更可靠:
- 省略
function、括号(单参数时)、return(单表达式时),例如:arr.map(x => x * 2)。 - 不绑定自己的
this,自动继承外层作用域的this,彻底解决事件回调、定时器中this指向丢失的问题。 - 没有
arguments,改用 rest 参数(...args);不能用作构造函数(无prototype)。
模板字符串:告别加号拼接
用反引号 ` 包裹,支持换行和动态插入:
立即学习“Java免费学习笔记(深入)”;
- 多行文本直接写,保留缩进和换行,不用
\n或+拼接。 - 用
${}插入变量、表达式甚至函数调用,比如:`总价:${price * qty} 元`。 - 常用于生成 HTML 片段、日志信息、带参数的 SQL 或 API 路径。
解构赋值与模块系统:组织代码更自然
从数据结构里“按需取值”,再把代码按功能拆成独立文件:
-
解构:一行提取对象属性或数组元素,例如
const { name, age } = user;或const [first, , third] = arr;。 -
import/export:用
export暴露功能,用import引入依赖,替代了混乱的全局变量或 script 标签顺序依赖。 - 配合构建工具(如 Webpack、Vite),还能自动做 tree-shaking,删掉没用的代码。
基本上就这些——不是所有特性都要立刻用全,但 let/const、箭头函数、模板字符串、解构和 import/export 这五项,已经是日常编码的标配。理解它们的逻辑比死记语法更重要。











