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

相关推荐
GISer_Jing1 分钟前
AI Agent Skills 发现指南:前端工程化与自动化全景
前端·人工智能·自动化
心.c1 分钟前
从 Function Call 到渐进式 Skill:大模型能力扩展范式的演进与落地实践
前端·人工智能·react.js·ai·react
IT_陈寒2 分钟前
Vue的响应式更新把我坑惨了,原来问题出在这里
前端·人工智能·后端
Cobyte6 分钟前
6.响应式系统比对:通过 Vue3 响应式库写 React 应用
前端·javascript·vue.js
别具匠心7 分钟前
嵌入式微型数据库-FlashDB
数据库·经验分享·笔记·学习·嵌入式实时数据库
Alice-YUE10 分钟前
【前端面试之ai概念】大白话讲清 Agent、MCP、Skill、Function Calling、RAG
前端·人工智能·学习·aegnt
苏武难飞24 分钟前
THREE.JS实现一个魔法镜子!
前端·css·three.js
小流苏生35 分钟前
工作十年了,慢慢学习敬畏死亡
前端·程序员·ai编程
xiaoxue..37 分钟前
react:浅聊 vdom 与 diff 算法
前端·javascript·react.js·面试
恋猫de小郭38 分钟前
Flutter 3.41.7 ,小版本但 iOS 大修复,看完只想说:这是人能写出来的 bug ?
android·前端·flutter