ES6笔记总结(Xmind格式):第三天

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原文档,在文章顶部自取下载!

相关推荐
PC2005-cloud9 小时前
Rust学习笔记:所有权、借用与生命周期——Rust的核心机制
笔记·学习·rust
一拳不是超人9 小时前
一个没测暗色模式的 Bug,吃掉了我一半 谷歌扩展用户
前端·javascript·程序员
弘毅 失败的 mian10 小时前
数组和指针基础
c语言·开发语言·经验分享·笔记
liangshanbo121510 小时前
React useState 函数式更新面试题整理
前端·react.js·前端框架
涛涛ing10 小时前
为什么你的页面在 Safari 上总出问题?Interop 2027 正在解决这个 20 年老毛病
前端
不一样的少年_10 小时前
WebP 压缩到底在干嘛?小白也能看懂的原理拆解
前端·后端·图片资源
问心无愧051310 小时前
ctf show web 177
前端·笔记
不一样的少年_10 小时前
PNG/JPG 如何变成 WebP?真相不是改后缀!
前端·后端·图片资源
杉氧10 小时前
RN 性能调优指南:重渲染(Re-renders)控制与长列表(FlatList)优化
android·前端·react native
一_个前端10 小时前
[JS] 一站式搞定 PDF、图片、Dom弹窗、表格的浏览器打印功能
前端