promise 和 async await比较

本是古典何须时尚 2023-06-01 12:48 32阅读 0赞

async搭配await是ES7提出的，它的实现是基于Promise。这里使用它对比Promise的用法，这里只是简单的适合日常业务的使用场景。

async、await是ES7中的提案，通过同步方式的写法，使得代码更容易阅读。

注意：await函数不能单独使用，而且async函数返回的是一个Promise对象，可以使用then函数添加回调函数。当函数执行的时候，一旦遇到await函数就会先返回一个Promise对象，等到异步操作完成，再去执行后面的语句。如果 await 后面的异步操作出错，那么等同于 async 函数返回的 Promise 对象被 reject！

Promise是ES6的新特性，用于处理异步操作逻辑，用过给Promise添加then和catch函数，处理成功和失败的情况，下面就两种情况介绍异步，刚刚入门把自己的理解写出来沉淀一下。

function timeout(ms) \{

return new Promise(resolve => \{

setTimeout(resolve, ms);

\})

\}

// 调用函数

async function asyncPrint(value, ms) \{

await timeout(ms);

console.log(value);

\}

// 调用函数

asyncPrint('timeout', 2000); // 2s之后打印出'timeout',如果不相信可以使用vscode编辑器的run code插件，会把执行时间展示给你！

下面是Promise的实现同样的功能

function timeout1(ms) \{

return new Promise(resolve => \{

setTimeout(resolve, ms);

\})

\}

// 因为上面函数返回是的Promise对象，所以直接使用链式方法then时，是在Promise对象内的函数执行完之后执行的，这样就可以达到上面同样的结果

timeout1(5000).then(() => \{

console.log('timeout1'); // 5s之后打印出'timeout1'

\})

这里多啰嗦两句，即使我们的设定的延时器的时间是2s和5s，但是真的跑出来的时间其实会多于2s和5s，这是因为执行其他的代码也会浪费时间啊，只是我们的感知不强而已，而且这是没办法避免的。即使你写的时间间隔为0，它也不会实现理想情况下的立即执行，原因就是刚刚说的那样。

个人喜欢async和await的写法，主要是阅读代码的时候更加语义化，看着舒服。而且看到一些权威文章上也推荐async 、await 去处理异步情况，（原画：async函数可以说是目前异步操作最好的解决方案）。?

转载于:https://www.cnblogs.com/iOS-mt/p/11356563.html

发表评论取消回复

表情：

评论列表（有 0 条评论，32人围观）

还没有评论，来说两句吧...

相关阅读

相关 promise 和 async await比较

async搭配await是ES7提出的，它的实现是基于Promise。这里使用它对比Promise的用法，这里只是简单的适合日常业务的使用场景。 async、await是ES

本是古典何须时尚/ 2023年06月01日 12:48/ 0 赞/ 33 阅读

相关 promise 和 async await区别

什么是Async/Await? 　　async/await是写异步代码的新方式，以前的方法有回调函数和Promise。　　async/await是基于Promise实

谁践踏了优雅/ 2022年12月27日 01:48/ 0 赞/ 209 阅读

相关 promise async await

1.当异步函数嵌套到别的函数内后,需要循环使用async和await 否则就会变成异步 async getEventList () { const

亦凉/ 2022年10月30日 05:19/ 0 赞/ 210 阅读

相关 Promise，Async，await简介

Promise 对象转载：http://wiki.jikexueyuan.com/project/es6/promise.html 基本用法 ES6 原生

缺乏、安全感/ 2022年04月11日 02:12/ 0 赞/ 256 阅读

相关 async/await 和 promise

> 小编推荐：[Fundebug][]提供JS错误监控、微信小程序错误监控、微信小游戏错误监控，Node.j错误监控和Java错误监控。真的是一个很好用的错误监控费服务，众多大

港控/mmm°/ 2022年02月15日 07:19/ 0 赞/ 337 阅读

相关回调、Promise、async-await

第一章异步：现在与将来程序中现在运行的部分和将来运行的部分之间的关系就是异步编程的核心。场景：等待用户输入、从数据库或文件系统中请求数据、通过网络发送数据并等待响应

小咪咪/ 2021年12月17日 02:13/ 0 赞/ 364 阅读

相关 Promise和async/await

这篇先讲Promise和async/await使用，下一篇讲在事件循环中Promise和async/await执行顺序 1.先看一段代码先看一段代码，对Promise和a

一时失言乱红尘/ 2021年10月24日 02:24/ 0 赞/ 455 阅读

相关 async 和 promise 异步比较

> 新技术每天都在迭代，只有跟上大潮流才能冲浪而上通过之前的几篇文章学习Promise，我们了解到promise是ES6为解决异步回调而生，避免出现这种回调地狱，那么为何又

小灰灰/ 2021年09月04日 06:40/ 0 赞/ 496 阅读

相关 promise 和 async await区别

什么是Async/Await? 　　async/await是写异步代码的新方式，以前的方法有回调函数和Promise。　　async/await是基于Promise实现

蔚落/ 2021年07月24日 19:21/ 0 赞/ 538 阅读

相关 Promise和Async/Await用法整理

1.`Promise` 1.简介 `Promise`,简单来说就是一个容器，里面保存着某个未来才会结束的时间(通常是一个异步操作的结果) `Promise`对象

迈不过友情╰/ 2021年06月26日 16:06/ 0 赞/ 522 阅读