coderwhy前端课堂详细笔记整理javascript教程|整理Promise的实例方法和类方法，async和await，异步函数的执行流程，可迭代对象，allSettled,all方法

最新推荐文章于 2024-06-13 12:14:13 发布
最新推荐文章于 2024-06-13 12:14:13 发布
阅读量120 收藏
点赞数 3
分类专栏： 前端八股文 文章标签： 前端 笔记 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43428283/article/details/137424163
版权

二. 整理Promise的实例方法和类方法

  • 实例方法 存放在Promise的prototype上

    • then方法 可以接收两个参数
      • fulfilled的回调函数：当状态变成fulfilled时会回调的函数
      • reject的回调函数reject
    • then方法多次调用
      • 每次调用我们都可以传入对应的fulfilled回调
      • 当Promise变成的时候回调函数都会被执行
    • catch方法 可以多次调用
      • 每次调用我们都可以传入对应的reject回调
      • 当Promise的状态变成reject的时候，这些回调函数都会被执行
    • finally方法
      • Promise对象无论变成fulfilled 还是rejected状态, 最终都会被执行的代码
      • finally方法是不接收参数的，因为无论前面是fulfilled状态，还是rejected状态，它都会执行

  • 类方法

    • resolve方法

了解本专栏 订阅专栏 解锁全文 超级会员免费看
学习记录wanxiaowan
关注
  • 3
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
订阅专栏
JavaScript利用fetch实现异步请求的方法实例
12-02
它使用Promise作为基础，这意味着你可以利用Promise链式调用来处理异步操作，或者配合async/await语法，使异步代码看起来更接近同步代码，提高了代码的可读性和可维护性。 然而，fetch在默认情况下并不会携带Cookie...
JavaScript使用yield模拟多线程的方法
10-24
此外，生成器配合`Promise`或`async/await`可以更好地模拟异步操作，进一步提升代码的可读性和可维护性。例如，可以使用`yield`关键字与`await`一起使用，等待异步操作完成后再继续执行生成器的下一部分。 总结起来...
async/await 和 promise 的用法
子敬的技术博客
07-02 4084
async/await 和 promise 的用法 参考：https://www.jianshu.com/p/ffa5cbe9ab29 async/await ”vs“ promise 写法： Promise主要用then函数的链式调用，一直点点点，是一种从左向右的横向写法。 async/await从上到下，顺序执行，就像写同步代码一样。这更符合人编写代码的习惯 参数数量 Promis...
使用 JavaScript Promise 和 Promise.all 处理异步操作
小白
04-20 203
JavaScript Promise 和 Promise.all 是用于处理异步操作的重要工具。Promise 是一种表示异步操作的对象，它可以让你更加优雅和简单地处理异步操作的结果。Promise.all 则是一个可以将多个 Promise 合并为一个的工具，可以实现并行处理多个异步操作的结果。
3.1、前端异步编程（超详细手写实现Promise；实现all、race、allSettled、any；async/await的使用）
最新发布
yolo
06-13 1323
超详细手写Promise；实现all，race，allSettled，any；async/await和Promise关系；async/await使用
async/await实现Promise.all()
编码世界
11-29 4374
Promise.all() 方法接收一个 promise 的 iterable 类型（注：Array，Map，Set 都属于 ES6 的 iterable 类型）的输入，并且只返回一个Promise实例，并且输入的所有 promise 的 resolve 回调的结果是一个数组。Promise的 resolve 回调执行是在所有输入的 promise 的 resolve 回调都结束，或者输入的 iterable 里没有 promise 了的时候。
【JS Promise, Promise.all 与 async/await用法详解】
lizhengze1117的博客
11-29 1288
Promise 与 async/await 使用与区别
promise.all的用法（简洁易懂）
热门推荐
weixin_62765236的博客
09-23 5万+
promise.all的用法（简洁易懂）
前端，javascript，js高级语法学习
06-04
在前端开发领域，JavaScript（简称JS）是一种至关重要的编程语言，尤其在构建交互式Web页面和应用程序时。本文将深入探讨JavaScript的高级语法，帮助开发者提升技能，掌握更复杂的功能和优化代码的能力。 1. **箭头...
JavaScript笔记 第二天
07-04
- async/await：基于Promise的新特性，使得异步代码更接近同步的写法。 以上是JavaScript第二天课程的主要知识点，理解并熟练掌握这些内容是成为合格前端开发者的基础。通过不断练习和项目实践，可以逐步提升...
前端十万字八股文面试笔记
08-21
9. **同步与异步**：同步阻塞执行，异步非阻塞，常用回调、Promise、async/await处理。 10. **DNS域名查找**：通过递归查询和迭代查询找到IP地址。 **Vue** 1. **Vue优点**：轻量级、组件化、易学易用，MVVM模式...
Promise和async/await
WY66987的博客
09-06 1220
promise和async\await的区别
async/await
2197
07-26 163
1》概念：是Generator函数的语法糖吗，它的实现原理就是将Generator函数和自动执行器，包在一个函数里。 返回一个promise对象，可以使用then方法添加回调函数，当函数执行时，一旦遇到await就先返回，等到异步操作完成，再接着执行函数体内后面的语句 2》async函数多种使用形式 函数声明 async function foo(){} 函数表达式 const foo=a...
Promise.all 使用方法
m0_67402026的博客
08-02 997
先自我介绍一下，小编13年上师交大毕业，曾经在小公司待过，去过华为OPPO等大厂，18年进入阿里，直到现在。因此我收集了一份《java开发全套学习资料》送给大家，初衷也很简单，就是希望帮助到想自学又不知道该从何学起的朋友，同时减轻大家的负担。添加下方名片，即可获取全套学习资料哦。await是可以获得多个promise返回结果的，Promise.all()返回的也是promise结果。2.Promise.all返回的也是promise，所以可以直接awaitPromise.all();...
async await结合Primise.all / race使用实例
l741938507的博客
10-11 200
实现：fn(),f2()方法都执行完之后 ，打印出 ’ 完成 ’ <script> function fn(time){ return new Promise((resolve,reject)=>{ setTimeout(function(){ resolve('这是值1'); ...
promise，async，await的区别
如切如磋，如琢如磨
03-20 1075
终于把promise， async， await的区别和联系弄清楚了，看下面代码 写法1，2是promise的写法 写法6是async和await的写法 // 以下三个请求依次执行 req1 = () => { return fetch("http://example.com/api/v1/get")} req2 = () => { return fetch("http://example.com/api/v1/post")} req3 = () => { return fetch("
Promise、async/await的理解以及区别
m0_74343097的博客
01-05 2656
Promise、async/await的理解以及区别
Promise和Promise.all原理和实现 你知道吗
小白
04-22 783
JavaScript Promise 是一种用于处理异步操作的对象，它可以让你更加优雅和简单地处理异步操作的结果。Promise.all 则是一个可以将多个 Promise 合并为一个的工具，可以实现并行处理多个异步操作的结果。下面我们来介绍 Promise 和 Promise.all 的原理及实现。
Promise 与 await 的使用
炒饭的博客
08-07 2138
function getProductNo () { return new Promise(function (resolve, reject) { getProductNo({}, (obj) =&amp;gt; { console.log(`获取productNo成功:${obj.productNo}`) ...
JavaScript ES6 学习笔记：块级作用域、Promise、Class 等核心知识点
ES6 中引入了 Promise、async 和 await 等异步处理机制，解决了回调地狱问题。 **Fetch Api** ES6 中引入了 Fetch Api，解决了网络请求的问题。 **迭代器和生成器** ES6 中引入了迭代器和生成器，解决了数据的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

学习记录wanxiaowan

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值