Python全栈入门到实战【JavaScript篇 08】ES6+核心特性详解，现代JavaScript的标准写法

前言

上一篇《JavaScript篇 07》中，我们系统学习了JS对象和JSON。在写代码的过程中，你可能已经注意到一些带…、带` `的写法，还有时而出现的const { name } = user这种\”奇怪\”的语法——这些都是ES6（ECMAScript 2015）及后续版本引入的新特性。

ES6是JavaScript历史上最大的一次更新（2015年发布），它改变了JS的编程方式。ES6之前，JS被诟病为\”简陋的脚本语言\”；ES6之后，JS成为了一门功能完备的现代编程语言。时至今日，新项目代码几乎全部使用ES6+写法。作为Python开发者，好消息是ES6的很多特性在Python中都有类似的概念——解构赋值、展开运算符、模板字符串等——你不需要从零学习新思维，只需要学习新的语法形式。

本篇将集中讲解ES6+中最常用、最核心的特性。这些特性在前面的文章中已经陆续使用过（箭头函数在05篇、属性简写在07篇等），本文做一个系统性的梳理和总结，帮你建立完整的ES6+知识体系。

本节核心学习内容：

文章目录

• 前言
• 一、解构赋值
• • 1.1 数组解构
  • 1.2 对象解构
  • 1.3 函数参数的解构（非常常用）
• 二、展开运算符 `…`
• • 2.1 数组展开
  • 2.2 对象展开
  • 2.3 剩余（Rest）模式
• 三、可选链 `?.`
• • 3.1 深层属性安全访问
  • 3.2 可选链的多种用法
• 四、空值合并 `??`
• • 4.1 `??` vs `||` 的区别
• 五、Set 和 Map
• • 5.1 Set：无序不重复集合
  • 5.2 Map：增强版对象
• 六、模块化入门：export 与 import
• • 6.1 为什么需要模块化
  • 6.2 命名导出与导入
  • 6.3 默认导出与导入
  • 6.4 在浏览器中使用模块
• 七、常见误区与避坑指南
• 八、核心总结：ES6+特性速查表
• 九、专栏订阅

一、解构赋值

解构赋值是ES6最便捷的特性之一——它让你用一行代码从数组或对象中提取值并赋值给变量。Python也有类似功能。

1.1 数组解构

// 基本解构
const colors = [\”红\”, \”绿\”, \”蓝\”];
const [first, second