promise,generator,yield,async和await的使用

已于 2022-05-06 15:01:58 修改
阅读量229 收藏
点赞数
分类专栏： ES6 JavaScript 文章标签： javascript 前端 node.js
于 2021-07-21 16:30:47 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/leilei7407/article/details/118962885
版权
本文探讨了Promise的基本使用，包括then、catch、finally方法以及Promise.all()、Promise.race()的应用。接着，介绍了Generator的概念，强调其分段执行、暂停及控制流程的能力。最后，详细阐述了async/await作为现代JavaScript异步编程的利器，如何简化Promise的使用。
摘要由CSDN通过智能技术生成

1.promise

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
基本使用方法：
在这里插入图片描述
在这里插入图片描述
Promise实例对象的方法（then，catch，finally）

最低0.47元/天 解锁文章
徕胖
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Promise 、async和await、Symbol、iterator、yield、Proxy
nnjjn的博客
02-23 449
哈喽~，我是稳重聪头，一个初来乍到的小萌新，如果喜欢我的文章，多多给我点赞哟，关注聪头学习不迷糊。 Promse Promise 是一个等待被异步执行的对象，当它执行完成后，其状态会变成 resolved 或者rejected。 我们先来了解一下Promise这个构造函数的参数 resolve 解决 reject 拒绝 var p = new Promise((resolve,reject)=>{ setTimeout(()=>{ ...
promise,generator,async/await三者关系的弯弯绕绕
weixin_42458965的博客
12-17 568
起因： 我们的js的异步是使用回调进行实现，而它有记得缺点 缺乏可信度，回调嵌套（回调地狱） 后面我们使用promise来进行解决，以then操作的形式，进行链式操作，而不再是回调地狱 而我们的generator（生成器）实则就是一个打断点执行的操作。通过next,yield进行一步步的操作 后来我们发现可以吧generator和promise进行结合实现完美的promise操作。后面就是有我们的async/await操作 推荐书籍：你不知道的javascript中，第三章promise 资料 ...
promise generator aysnc/await三者区别
最新发布
林啾啾的博客
04-10 390
promise generator aysnc/await三者区别。
Promise的基础使用与生成器配合Promise解决回调地狱
TimerWki的博客
01-06 837
经过几天对Promise的了解，希望可以帮助到大家。 什么是回调地狱 说起回调地狱 首先想到的是异步在js中我们经常会大量使用异步回调，常用的ajxa请求 来看下面这段代码： function a(functionb(){ c(function d(){ }) }) 个人会觉得这种括号里面套括号看着会很不服，使得代码看起来很混乱。 如何解决这种问题 在ES6中有个叫Promise,也是为了解决回调地狱这种现象 Promise的基础...
Javascript 中通过 yield 和 promise 使异步变同步
极客神殿
05-30 2625
背景 由于最近一段时间一直在用react-native进行APP的开发，所以接触了不少 javascript。 在我们第一次使用react-native + redux + saga开发的过程中，学习、见识到了不少javascript神奇的功能，比如在使用saga的过程中用到了 yield，并且对于其使得异步操作同步化十分好奇，就进行了一番探索。 yield简单介绍 先看一段简单的代码 funct...
【promise + yield + async + await】异步转同步
qq_44917015的博客
08-12 520
【promise + yield + async + await】异步转同步。
Promise、async和await、generator函数
shiqianhui1124的博客
05-07 287
什么是Promise？Promise，简单说就是一个容器，里面保存着某个未来才会结束的事件（通常是一个异步操作）的结果。 从语法上说，promise 是一个对象，从它可以获取异步操作的的最终状态（成功或失败）。 Promise是一个构造函数，对外提供统一的 API，自己身上有all、reject、resolve等方法，原型上有then、catch等方法。 ...
promise generator aysnc/await的区别
IKUN__的博客
05-07 308
前端面试题 JavaScript 一、promise 当面试官问你： 什么是promise？ 你对promise的理解？ promise用过吗？ ------------------------------------------------------------------------------------------------------------------ 什么是promise 解决地狱回调 可以链式调用 有三种状态。 promise有哪些API. 应用场景：封装aja
python中await async_python中的yield、yield from、async/await中的区别与联系
weixin_39574065的博客
12-05 748
因为水平有限，我在看asyncio异步爬虫的时候，关于async/await的相关知识，看了挺多资料，还是不得其要领，所以用yield、yields from到async\await从头捋搞了一遍，发现里边得东西还是挺有意思，所以搞了这么一篇文章。0.yieldyield 可以将一个函数转换成 generator(生成器)，和普通函数不同得是，生成一个 generator 看起来像函数调用，但不...
详解JS的四种异步解决方案：回调函数、Promise、Generator、async/await（干货满满）...
我本可以容忍阳光，如果我不曾见过太阳，然而阳光已使我荒凉，成为更新的荒凉。
04-14 9028
同步&异步的概念在讲这四种异步方案之前，我们先来明确一下同步和异步的概念：所谓同步(synchronization)，简单来说，就是顺序执行，指的是同一时间只能做一件事情，只有目前正在执行的事情做完之后，才能做下一件事情。比如咱们去火车站买票，假设窗口只有1个，那么同一时间只能处理1个人的购票业务，其余的需要进行排队。这种one by one的动作就是同步。同步操...
es6 Promise.race()方法
歪脖先生的博客
01-27 8568
Promise.race()方法 Promise.race方法同样是将多个 Promise 实例，包装成一个新的 Promise 实例。 const p = Promise.race([p1, p2, p3]); 上面代码中，只要p1、p2、p3之中有一个实例率先改变状态，p的状态就跟着改变。那个率先改变的 Promise 实例的返回值，就传递给p的回调函数。 Promis
promise + yield = 异步流程控制
weixin_34365635的博客
04-04 410
promise + yield = 异步流程控制 异步计算已经成为前后端不阻塞主线程的不二选择，无论是增加性能或是提升用户体验，anyway，这年头谁不用两下并发呢？ 既然说到异步那就不得不提 promise 了，这个新的语法糖虽然建立在 callback 之上，但也好歹止住了之前愚民们疯狂跳进回调地狱的恶魔崇拜似的势头。ES的功劳一件。...
Promise学习笔记——co.js
程鹏飞的博客
12-08 3493
最近在项目过程中涉及大量异步流程处理，其中有使用各种流程控制库，大家用的最多的 async，号称promise性能超原生的 bluebird，还有tj大神的co等。可以说是相当多了，于是空暇期间来整理一下promise的学习。 今天来看的就是TJ大神的非常精炼的 co.js 。
yield被reject的promise，如何抓错
hao像飘在外太空的博客
08-07 1744
如果promise是rejected的 没有.catch， console就会报错，yield就不会往下执行了 有.catch const path = yield cordovaDownload(uri,`${title}.pdf`,progress) .catch(err => { alert(err) }) ...
Promise,yield,异步回调
weixin_30387339的博客
07-10 164
function showHint(str){ return new Promise(function(reslove, reject){ var xmlhttp; xmlhttp=new XMLHttpRequest(); xmlhttp.onreadystatechange=function(){ if (xmlhttp.readyState==4 ...
Promise、async/await的理解以及区别
ysj1218的博客
03-04 3901
promise、async、await有什么用呢，怎么理解？ 都是为了解决异步回调产生的。 Promise好比容器，里面存放着一些未来才会执行完毕的事件的结果，而这些结果一旦生成是无法改变的。 async和await遵循的是Generator 函数的语法糖，他拥有内置执行器，不需要额外的调用直接会自动执行并输出结果，它返回的是一个Promise对象。 promise与async、await的区别? promise的出现解决了传统callback函数导致的地狱回调问题，但是他的语法导致它纵向发展
Promise、Generator以及Async/await的理解
qiuzhf
11-19 441
一、Promise 对象 之前，异步编程的方法，大概有下面四种：回调函数、事件监听、发布/订阅、Promise 对象 回调函数本身并没有问题，它的问题出现在多个回调函数嵌套。不难想象，如果依次读取两个以上的文件，就会出现多重嵌套。代码不是纵向发展，而是横向发展，很快就会乱成一团，无法管理。因为多个异步操作形成了强耦合，只要有一个操作需要修改，它的上层回调函数和下层回调函数，可能都要跟着修改。这种情...
Promise详解
Zheng_xinle的博客
09-06 5057
promise 一、什么是Promise？ Promise，简单说就是一个容器，里面保存着某个未来才会结束的事件（通常是一个异步操作）的结果 从语法上说，promise 是一个对象，从它可以获取异步操作的的最终状态（成功或失败）。 Promise是一个构造函数，对外提供统一的 API，自己身上有all、reject、resolve等方法，原型上有then、catch等方法。 它也是异步编程的解决方案，他也是一种承诺，承诺过一段时间，会给你一个结果， 二、为什么有Promises这个东西 同步的方式写异
ES6异步解决方案：Promise与async/await解析
Promise、async/await以及generator都是ES6为解决异步编程问题提供的强大工具，它们各自有其特点和适用场景，使得开发者能够更好地组织和管理异步代码，避免回调地狱，提高代码的可读性和可维护性。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值