ES6是JavaScript迈向工程化语言的分水岭，彻底重构作用域（let/const）、this绑定（箭头函数）、数据提取（解构）、异步处理（Promise）和模块系统（import/export），并深刻影响代码组织、API设计与工程实践。
ES6（ECMAScript 2015）不是“加几个语法糖”而已，它是 JavaScript 从脚本语言迈向工程化语言的分水岭。很多特性直接改变了你组织代码、处理异步、设计 API 的方式，而不是仅仅让写法更短一点。
let/const 替代 var：作用域规则彻底重写
var 的函数作用域和变量提升（hoisting）经常导致意料外的行为，比如循环中闭包捕获错误的索引值。let 和 const 引入块级作用域，且不提升（只是暂时性死区 TDZ），让作用域行为可预测。
实操建议：
使用 ImageMagick 的 convert 和 mogrify 命令进行批量图像处理，支持调整大小、裁剪、水印和格式转换。与 libvips 集成以实现高性能缩略图生成。
-
const应为默认选择，只在确实需要重新赋值时用let；var基本可以弃用 - 在
for循环中用let i，能自然解决经典闭包问题，无需立即执行函数表达式（IIFE） - 注意：
const只保证绑定不可重赋值，对象属性仍可修改——它冻结的是“引用”，不是“值”
箭头函数（=>）改变 this 绑定与简洁性边界
箭头函数没有自己的 this、arguments、super 或 new.target，而是继承外层作用域的 this。这解决了回调中 this 丢失的顽疾，但也意味着它不能用作构造函数或方法。
立即学习“Java免费学习笔记（深入）”；
实操建议：
- 适合简短回调（如
array.map(x => x * 2)）、事件处理器（btn.addEventListener('click', () => this.handleClick())） - 避免在对象方法中使用箭头函数：
obj = { method: () => console.log(this) }中的this指向全局或 undefined（严格模式） - 无参数需写
() => {...}，单参数可省括号：x => x + 1，但多参数或带解构必须加括号：(a, { id }) => a + id
解构赋值 + 默认值 + 剩余参数：函数参数与数据提取范式升级
解构不只是语法糖。它把“从对象/数组中取值”这件事从手动点取（obj.a.b.c）或防御性检查（obj && obj.a && obj.a.b）变成声明式、可默认、可嵌套的操作。
实操建议：
- 函数参数直接解构：
function connect({ host = 'localhost', port = 3000, timeout = 5000 }) { ... }，比options.host || 'localhost'更清晰、更安全 - 剩余参数（
...args）替代arguments，是真正的数组，可直接用map、filter；而arguments是类数组对象 - 解构嵌套时注意：若某层为
undefined，会报错（如const { user: { name } } = data中data.user为undefined）；可用默认空对象缓解：const { user = {} } = data; const { name } = user;
Promises 和模块系统（import/export）：异步与依赖管理的基础设施重建
Promise 不是让异步“看起来像同步”，而是提供统一的异步抽象：可链式、可组合、可统一错误处理。而 import/export 让 JavaScript 第一次拥有了原生、静态可分析的模块机制，取代了 CommonJS 的运行时 require 和各种打包 hack。
实操建议：
-
Promise.all([p1, p2])失败即止；需要全部结果（包括失败）用Promise.allSettled（ES2020） -
import必须在顶层作用域，不能动态条件导入（除非用import()动态导入函数）；export default和具名export不能混用同一语句 - Node.js 中启用 ES 模块需加
"type": "module"字段或使用.mjs后缀；浏览器中通过<script type="module"></script>加载
真正难的不是记住这些特性，而是在旧项目迁移、团队协作、构建配置、跨环境兼容（比如仍要支持 IE）时，判断哪些该用、哪些该 polyfill、哪些该禁用。比如 class 语法在 Babel 下会转成寄生组合式继承，但 private #field（ES2022）目前还无法完美降级——这些细节，比语法本身更影响落地。
