从promise到async/await

最新推荐文章于 2023-04-19 23:47:07 发布
最新推荐文章于 2023-04-19 23:47:07 发布
阅读量284 收藏
点赞数
分类专栏： 浏览器工作原理 文章标签： 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhehoon123/article/details/107896652
版权

一、callback回调函数

如果一个函数作为另一个函数的参数，则这个函数就是回调函数

  • 同步回调
    • 在函数结束之前执行回调函数
  • 异步回调
    • 在函数结束之后执行回调函数

绝大多数回调函数采用异步的方式

二、Promise

① Promise的executor 函数

executor控制promise的状态padding、reject、resolve（fulfilled）

  • executor返回值是resolve，则调用than中的回调函数，resolve中的参数会传给遇到的第一个than中的回调函数

  • executor的返回值是reject，则调用catch中的回调函数，reject中的参数会传给遇到的第一个catch中的回调函数；

  • executor没有返回resolve或者reject，则promise状态为padding，则不会触发回调

② promise的than/catch方法

than和catch的结果也是一个promise

  • 如果你在than/catch中throw，则返回的promise的状态是reject

  • 如果你在than/catch中return，则返回的promise的状态是resolve

  • 如果你return了一个

最低0.47元/天 解锁文章
如果是兔子
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Php中Promise + co/yield 协程的使用方法详解
qq_32506555的博客
12-21 632
我们知道 JavaScript 自从有了 Generator 之后，就有了各种基于 Generator 封装的协程。其中hprose 中封装的 Promise 和协程库实现了跟 ES2016 的 async/await 一样的功能，并且更加灵活。我们还知道 PHP语言自从 5.5 之后，也引入了 Generator，同样也有了各种基于它封装的PHP 协程库，hprose 同样也为 PHP 提供的跟
Async/Await替代Promise的6个理由
10-16
主要介绍了Async/Await替代Promise的6个理由，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，,需要的朋友可以参考下
Promise完美过渡到async/await
selfsummer的博客
06-09 973
async/await被称作为异步最终的写法 async function 关键字用来在表达式中定义异步函数。当然，你也可以用 异步函数语句 来定义。 async函数是使用async关键字声明的函数。 async函数是AsyncFunction构造函数的实例 AsyncFunction 构造函数用来创建新的 异步函数 对象，JavaScript 中每个异步函数都是 AsyncFunction 的对象。 async的基本语法 async function getdata (params) { ret
从promise到await
weixin_42349568的博客
04-19 812
在之前的中，已经讲完了从异步操作到promise的诞生，但是promise也仅仅是做到了异步操作和结果的分离，当我们有多个异步操作，且结果前后有依赖的时候，不可避免的，就会出现一系列的.then方法。还是不大优雅。最理想的情况是，。【注一】这里，需要先了解迭代器和生成器。
Promise+await+async异步转同步
ta_huang的博客
09-05 2008
异步转同步Promise+async+await异步转同步 Promise+async+await异步转同步 单线程的时候，异步是比较好的，它不需要等待执行而是继续执行后面的代码，但是在我们需要先根据异步的结果而执行的时候，又不想弄太多回调，就可以转成同步去操作 实现方式如下： 将异步包含在Promise对象重，然后返回promise对象，就可以实现了 然后再用async和await组合调用 function test() { var p = new Promise(function(resolve,
重构：从Promise到Async/Await
weixin_30648963的博客
12-13 215
摘要：夸张点说，技术的发展与历史一样，顺之者昌，逆之者亡。JS开发者们，赶紧拥抱Async/Await吧！ GitHub仓库:Fundebug/promise-asyncawait 早在半年多之前，我就在鼓吹Async/Await替代Promise的6个理由，似乎还招致了一些批评。然而，直到最近，我才真正开始进行代码重构，抛弃Promise，全面使用Async/Await。因为...
js代码-Promise & async/await
07-16
js代码-Promise & async/await
由回调函数、Promise到async/await的同步写法执行异步代码
01-08
由回调函数、Promise到async/await的同步写法执行异步代码 同步异步是前端面试中经常遇到的问题，虽然不难，但是搞清楚两者之间的关系和转换还是很重要 同步 同步是一种线性执行的方式，执行的流程不能跨越，其后的...
将promise的异步写法转成async await
呵呵哒!的博客
09-03 507
将promise的异步写法转成async await
异步函数，promise到async的过程
weixin_42270374的博客
07-06 97
其实用回调韩函数来解决异步处理的问题，但是回调起来是非常繁琐的 const fs = require('fs') const path = require('path') // 回调地狱的问题 --> promise解决 // fs.readFile(path.join(__dirname,'./1.txt'),'utf8',(err,result)=>{ // console.log(result) // fs.readFile(path.join(__dirname,'./...
掌握异步编程高级技巧: 从Promise到Async/Await
weixin_43263566的博客
09-23 282
异步编程高级用法
Generator 函数的含义与用法
阿利的技术积累
12-23 832
异步编程对 JavaScript 语言太重要。JavaScript 只有一根线程，如果没有异步编程，根本没法用，非卡死不可。 以前，异步编程的方法，大概有下面四种。 回调函数 事件监听 发布/订阅 Promise 对象 ECMAScript 6 （简称 ES6 ）作为下一代 JavaScript 语言，将 JavaScript 异步编程带入了一个全新的阶
聊聊Promise和Async
GuoZebin的博客
10-25 792
因为前端都是自己研究，实践不多，所以一直以来对promise和async的认识都停留在表层，最近对这两个概念进行了深入的研究，现在我们就来聊聊Promise和Async。 一.promise 先来说说我之前对promise的理解 promise是一个对象，但并不是一个普通的对象，整个对象中封装了一个耗时的任务，这个对象有三种状态pending(进行中)，resolved(任务完成)，reje...
js promise对象的使用说明，async,await
蜗牛在奔跑的博客
02-22 455
function log(time) { setTimeout(function(){ console.log(time) // resolve() }, time) } async function fun() { // await log(5000) // await log(10000) log(1000) console.log.
Promise的用法
a560694091的博客
07-28 67
promise.then()、promise.catch()、Promise.all()、、、 Promise 构造函数接受一个函数作为参数，该函数的2个参数分别是 resolve 和 reject。他们是2个函数，有 JavaScript 引擎提供，不用自己部署。 var promise = new Promise ( function ( resolve, reject) {...
then和catch的状态改变
aliven1的博客
09-25 978
《ES6标准入门》（六）之Promise对象2——then()和catch()方法
热门推荐
眼里长着太阳，笑里全是坦荡
07-07 10万+
1.Promise.prototype.then()方法Promise 实例具有then方法，也就是说，then方法是定义在原型对象Promise.prototype上的。它的作用是为 Promise 实例添加状态改变时的回调函数。then方法的第一个参数是resolved状态的回调函数，第二个参数（可选）是rejected状态的回调函数。then方法返回的是一个新的Promise实例（注意，不是...
[ES6] Promise.then()使用小结
一起来看烟花吧的博客
07-04 3万+
这里写自定义目录标题promise简介promise容器中的执行顺序resolve函数和reject函数中的参数如果回调函数中传递一个正常的值如果回调函数中传递一个promise实例对象Promise.prototype.then()resolve和reject回调函数的中的return返回值如果返回值为一个参数如果返回值为一个新的promise实例resolve和reject回调函数中抛出异常Promise.prototype.catch()参考文章 promise简介 为了解决回调地狱嵌套，在EcmaS
async...await用法全解
一只小绵羊
09-04 2万+
async...await用法全解
promise与async/await的区别
最新发布
11-28
Promise和async/await都是用于处理异步操作的方法，但是它们之间有一些区别： 1. 语法不同：Promise使用then()和catch()方法来处理异步操作的结果，而async/await使用async函数和await关键字来处理异步操作的结果。...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值