Xmind鸟瞰图：

简单文字总结：

ES6知识总结：
Promise的使用:
    1.使用 new Promise() 构造函数来创建一个 promise 对象
    2.接受两个函数作为参数：resolve 和 reject
        ①resolve 函数在异步操作成功完成时调用，并将 promise 的状态从 "pending" 变为 "fulfilled"，同时将操作的结果作为参数传递出去。
        ②reject 函数在异步操作失败时被调用，并将 promise 的状态从 "pending" 变为 "rejected"，同时将错误作为参数传递出去。
    3.处理 Promise：
        ①.then()：用于处理 promise 成功的情况
        ②.catch()：用于处理 promise 失败的情况
        ③.finally()：无论 promise 成功还是失败都会执行

解决回调地狱：链式调用：由于 .then() 和 .catch() 方法都返回 promise 对象，所以你可以链式地调用它们，这样可以很容易地处理多个异步操作

asnyc与await的使用：
    1.async 关键字用于声明一个函数是异步的。当你在一个函数前加上 async 关键字时，这个函数就会自动返回一个 Promise。
    2.await 关键字只能在 async 函数内部使用。它用于等待一个 Promise 完成，并返回 Promise 的结果。

ES6模块化：
    1.导出：使用export关键字从模块中导出函数、对象或原始值，使其可以在其他模块中通过import语句使用
    2.导入：使用import关键字可以导入其他模块导出的功能。
    3.模块加载：在HTML中使用模块时，需要在<script>标签中添加type="module"属性。
    4.模块化的优点：
        ①封装：模块内的代码不会污染全局作用域。
        ②重用：模块可以在多个项目之间共享和重用。
        ③依赖管理：模块可以声明它们的依赖，确保以正确的顺序加载脚本。
        ④异步加载：模块支持异步加载，有助于提高应用性能。

详细Xmind原文档，在文章顶部自取下载！