小桥风满袖

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），那