极简三分钟ES6 - 每日精进系列

ES10中新增了十几个新特性，这里我们学习其中几个比较核心的 数组降维神器：Array.prototype.flat() （拆快递盒） 数组智能加工：Array.prototype.flatMap()

键值对 → 对象（快递装箱） 假设我们有一堆散乱的快递单（键值对），需要整理成包裹（对象） 什么时候使用 URL参数解析 Map转对象 数据清洗 特殊情况的处理规则 输入类型 处理方式 示例 二维数组

ES9中新增了Promise.prototype.finally()，我们来学习下 在之前的学习中，我们知道了then方法和catch方法，现在我们可以想象在一个完整的外卖订餐流程中 then() →

在ES9中主要是放宽了对模板字符串文字限制 模板字符串的「紧身衣」 在ES9之前，模板字符串遇到转义序列时会有严格限制 这就像在严格安检通道 所有``开头的字符必须符合标准转义规则（如\n换行、\t制

新增Rest/Spread 复印件 vs 收纳盒 1. Spread（展开）{...obj} → 复印机 功能：复制/合并对象内容 2. Rest（收集）const {a, ...rest} = ob

快递站取快递 想象你同时网购了3件商品（对应3个异步任务） 普通for...of：必须按顺序取快递（等第一个到了才能取第二个） for await...of：快递站到货通知你（哪个先到先取哪个） 特性

padStart() & padEnd()：字符串填充术 作用：给字符串加「边距」 想象给手机号码排版 trimStart() & trimEnd()：智能空格铲 作用：精准清除首尾「空白垃圾」 对比

--- theme: condensed-night-purple highlight: a11y-

基础概念：快递员与包裹 想象我们要接收两个快递 传统回调/Promise：反复查物流（.then()嵌套），流程繁琐 async/await：告诉快递员（async函数）“到了叫我”（await），那

ES7中新增内容不多，主要是在增强之前提供的api Array.prototype.includes() 用来检查数组是否包含某个值 我们可以像查快递单号一样，快速确认数组里是否存在指定值，返回 tr

定义模块化 想象我们搬家时整理物品 ❌ 原始方式：所有东西堆进一个大箱子（全局变量），找物品困难还容易碰坏（命名冲突） ✅ 模块化：衣服、书籍、厨具分开打包（独立模块），箱外贴标签（导出），按需取用（

定义迭代器 想象我们去图书馆借书，管理员（迭代器）按顺序从书架上取书给到我们 我们不需要知道书架结构（数组、字符串、Map 等内部细节） 只需说“下一本” （调用 next() 方法） 管理员返回书和

定义Generator 想象我们有一台 自助提款机（ATM） 普通函数 → 一次性取完所有钱（一口气执行完） Generator 函数 → 按需分次取钱（每次取一笔，暂停等待下次指令） 核心机制：分段

定义Promise 想象我们叫了一份外卖（异步任务），Promise 就是一张取餐凭证 📦 承诺状态：记录外卖是配送中（pending）、已送达（fulfilled）还是配送失败（rejected）

定义Reflect 想象我们有一把 万能工具箱🔧，Reflect 就是 JavaScript 提供的操作对象的标准化工具集。它把原先散落在各处的底层操作（如属性读写、函数调用等）统一封装成 13 个静

Proxy是什么 想象我们有一个房子（对象），但不想直接管理租客（操作对象）。这时你委托一个中介公司（Proxy） 房东（目标对象） ：原始数据 中介（Proxy 实例） ：拦截所有对房子的操作（读/

更直观的数值表示法 二进制与八进制新写法 前缀 0b（二进制）和 0o（八进制），直接表达数值本质 用途：替代ES5混乱的八进制前缀 0，避免严格模式报错 数值检测的精准化 Number.isFini

Unicode 支持：u 修饰符 作用：正确处理复杂的 Unicode 字符（如表情符号 𐐷） 传统问题 ES5 将 4 字节的 Unicode 字符（如 \uD83D\uDC2A）拆成两个字符 u 

模板字符串：告别拼接烦恼 作用：用反引号 ` 包裹字符串，支持换行和直接嵌入变量/表达式 优势： 代码更简洁直观 避免拼接错误 完美支持HTML片段生成 新增查询方法：精准定位字符 includes(

定义Map 想象我们有一个多功能收纳盒： 传统对象（Object）  → 只能贴文字标签（键必须是字符串） Map → 可贴任意标签（照片、钥匙、玩具等），还能记录粘贴顺序 核心特性与优势 1. 键可