当前位置:首页 > 科技  > 软件

Promise 和 Async/Await的区别

来源: 责编: 时间:2023-10-10 18:32:47 392观看
导读如果你正在阅读这篇文章,你可能已经理解了 promise 和 async/await 在执行上下文中的不同之处。在 JavaScript 中,promises 和 async/await 是处理异步操作的两种不同方法。但它们之间关系密切。PromisePromise 是最终

fJM28资讯网——每日最新资讯28at.com

如果你正在阅读这篇文章,你可能已经理解了 promise 和 async/await 在执行上下文中的不同之处。fJM28资讯网——每日最新资讯28at.com

图片fJM28资讯网——每日最新资讯28at.com

在 JavaScript 中,promises 和 async/await 是处理异步操作的两种不同方法。但它们之间关系密切。fJM28资讯网——每日最新资讯28at.com

Promise

Promise 是最终导致异步操作完成或失败的对象。Promise 可以处于三种状态之一:待定、已完成或已拒绝。当异步操作完成时,Promise 要么以一个值实现,要么以一个错误被拒绝。fJM28资讯网——每日最新资讯28at.com

// Using Promisesfunction promiseFunction() {  return  new Promise((resolve, reject) => {  setTimeout(() => {    resolve("Resolved");  }, 2000);})}console.log("Start");promiseFunction().then((result) => {  console.log(result);  console.log("End");}).catch((error)=>{console.log(error)});Output:StartResolvedEnd

Async/Await

async/await 是 Promise 之上的语法糖。它为编写异步代码提供了一种更简洁的方法,使其更易于阅读和编写。使用 async/await,可以编写看起来与同步代码相似的异步代码,而且它在引擎盖下使用了 Promise。fJM28资讯网——每日最新资讯28at.com

在 async/await 中, async 关键字用于声明异步函数。 await 关键字用于在继续执行函数之前等待承诺的解析。 await 关键字只能在 async 函数中使用。fJM28资讯网——每日最新资讯28at.com

// Using Async/Awaitasync function asyncFunction() {  try {    console.log("Start");    const promise = new Promise((resolve, reject) => {      setTimeout(() => {        resolve("Resolved");      }, 2000);    });    const result = await promise;    console.log(result);    console.log("End");  } catch (error) {    console.error(error);  }}asyncFunction()output:StartResolvedEnd

差异

唯一的区别在于 promise 和 async/await 的执行上下文。fJM28资讯网——每日最新资讯28at.com

当创建 Promise 并启动异步操作时,创建 Promise 后的代码会继续同步执行。当 Promise 被解析或拒绝时,附加的回调函数会被添加到微任务队列中。微任务队列会在当前任务完成后,但在下一个任务从任务队列中处理出来之前进行处理。这意味着在创建 Promise 之后的任何代码都将在执行附加到 Promise 的回调函数之前执行。fJM28资讯网——每日最新资讯28at.com

另一方面,在使用 async/await 时, await 关键字会使 JavaScript 引擎暂停执行 async 函数,直到 Promise 解析或被拒绝。当 async 函数等待 Promise 解析时,它不会阻塞调用栈,因此可以执行任何其他同步代码。一旦 Promise 解析完毕, async 函数将继续执行,并返回 Promise 的结果。如果被拒绝,则会抛出一个错误值。fJM28资讯网——每日最新资讯28at.com

fJM28资讯网——每日最新资讯28at.com

本文链接:http://www.28at.com/showinfo-26-12766-0.htmlPromise 和 Async/Await的区别

声明:本网页内容旨在传播知识,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。邮件:2376512515@qq.com

上一篇: 别再使用 RestTemplate了,来了解一下官方推荐的 WebClient !

下一篇: Spring AOP 中被代理的对象一定是单例吗?

标签:
  • 热门焦点
Top