promise和async用法及区别（详解）

已于 2023-04-12 11:27:04 修改
阅读量6.9k 收藏 28
点赞数 9
分类专栏： ❤️❤️--Javascript ❤️❤️--vue2核心技术栈 文章标签： javascript 前端 promise async Powered by 金山文档
于 2023-01-09 09:40:22 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41579104/article/details/128545028
版权

一、promise

promise的概念

Promise 是异步编程的一种解决方案，是一个构造函数，自身有all、reject、resolve方法，原型上有then、catch等方法。

特点：

  • 对象的状态不受外界影响。Promise对象代表一个异步操作，有三种状态：pending（进行中）、fulfilled（已成功）和rejected（已失败）

  • 一旦状态改变，就不会再变，任何时候都可以得到这个结果。Promise对象的状态改变，只有两种可能：从pending变为fulfilled和从pending变为rejected。

一句话总结：就是用来解决地域回调问题（地域回调--回调函数里面嵌套回调函数）
promise使用方法

用法一：Promise构造函数接受一个函数作为参数&#

了解本专栏 订阅专栏 解锁全文 超级会员免费看
suoh's Blog
关注
  • 9
    点赞
  • 踩
  • 28
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
订阅专栏
promise和async的区别
求职大学生
06-25 371
Promise和都是 JavaScript 中用于处理异步操作的机制，但它们的使用方式和目的有所不同。下面是Promise和。
详解Promise和Async用法
weixin_52700022的博客
07-20 1199
详解Promise和Async用法
setTimeout、Promise、Async/Await 的详解和区别
最新发布
Br不二
04-03 592
`setTimeout`、`Promise`和`async/await`在JavaScript中各自扮演着不同的角色，它们主要用于处理异步操作，但具体实现和用法上存在一些区别。
promise用法，及结合async，await详解
小龚的博客
03-19 7168
欢迎点击: 个人官网博客 promise，及结合async，await详解 1.promise基础 promise 异步问题同步化解决方案，很多人说promise解决了回调地狱。我个人认为promise只是顺带解决回调地狱，不是解决回调地狱的最佳方案，因为promise要链式then方法，一旦多起来，又陷入了then地狱。真正解决回调地狱的是async，await,简洁明了(待会下面细讲)。 promise 对象的状态不受外界影响。Promise对象代表一个异步操作，有三种状态：pending（进行中）、
Promise详解以及async和await的使用
qq_44741577的博客
02-05 793
很多同学，对promise比较陌生，只是知道怎么用，无非就是，至于为什么这样用很多同学比较迷茫，网上很多介绍的都太理论化、抽象化，希望能通过这篇文章帮你深入了解一下promise的前因后果。
Promise、Async/Await 详解
m0_61663332的博客
08-03 2984
Promise、Async/Await 详解，Promise的参数resolve和reject、回调函数.then 和.catch和方法 .all() 和 .race()的使用。以及语法糖async/await的使用方法。
es6（四）——Promise和Generator和Async 的详解和区别
weixin_44784401的博客
12-12 1276
Promise和Generator和Async 的详解和区别
Promise和async/await详解
qq_43583887的博客
07-31 276
文章目录前言一、Promise是什么？二、如何使用Promise1.2.3.总结 前言 提示：这里可以添加本文要记录的大概内容： 例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。 提示：以下是本篇文章正文内容，下面案例可供参考 一、Promise是什么？ 从语法上来说Promise是一个对象，从它可以获取异步操作的信息。 二、如何使用Promise 1. Promise对象的基本语法，代码如下（示例）： new Promise((r
异步Promise及Async/Await详解
qq_15859173的博客
12-21 677
一、为什么有Async/Await？ 我们都知道已经有了Promise的解决方案了，为什么还要ES7提出新的Async/Await标准呢？ 答案其实也显而易见：Promise虽然跳出了异步嵌套的怪圈，用链式表达更加清晰，但是我们也发现如果有大量的异步请求的时候，流程复杂的情况下，会发现充满了屏幕的then，看起来非常吃力，而ES7的Async/Await的出现就是为了解决这种复杂的情况。 首先，我们必须了解Promise。 二、Promise简介 2.1 Promise实例 什么是Promise，很多人应该
详解将微信小程序接口Promise化并使用async函数
10-16
主要介绍了详解将微信小程序接口Promise化并使用async函数，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
ES6新特性八：async函数用法实例详解
01-19
本文实例讲述了ES6新特性之async函数用法。分享给大家供大家参考，具体如下： 1. async 函数是什么？ node.js 版本7及之后版本才支持该函数。 可以简单的理解为他是Generator 函数的语法糖，即Generator 函数调用...
ES7之Async/await的使用详解
11-29
ES6 提供的 Promise 方法和 ES7 提供的 Async/Await 语法糖可以更好解决多层回调问题。 Promise 对象用于表示一个异步操作的最终状态（完成或失败），以及其返回的值。 await 操作符用于等待一个Promise 对象。它...
async/await让异步操作同步执行的方法详解
12-13
传统的解决方法包括使用回调函数或者`Promise`，将异步操作的结果通过参数传递。 针对这些问题，`async/await`提供了一种优雅的解决方案： - **async函数**：当一个函数前加上`async`关键字，该函数将返回一个...
限制input框只能输入0~100的正整数
热门推荐
蜗牛~~
01-26 2万+
法一：（复杂） <input type="number" oninput="if(!/^[0-9]+$/.test(value)) value=value.replace(/\D/g,'');if(value>100)value=100;if(value<0)value=null" v-model='testNum'> 核心判断： oninput="if(!/^[0-9]+$/.test(value)) value=value.replace(/\D/g,'');if(va
ES6--class类（详解/看完必会）
蜗牛~~
02-22 9982
ES6中class类的学习，看完必会
js过滤多维数组数据
蜗牛~~
11-26 5331
过滤可以用于前端在做列表搜索功能的时候，进行的一个筛选操作，我的需求是拿到一个三层级数组，但是只需针对第二层级进行搜索筛选，若存在则返回该内容所存在的所有层级的数据 //这是我从后台拿到的数据，我只需对data里面的每个对象中的serviceList中的每一项中的name作为筛选条件，进行筛选过滤 var dataNetService = { "name": "mulu", "data": [ { "clusterId": "feite
实现js程序在vscode控制台输出的方法（看完方便多了）
蜗牛~~
04-07 5175
当我们想要写一段js代码时，我们可能会在vscode中新建一个html文件，然后再script标签下去编写js代码，完了之后我们想要看看js打印输出的效果，还会通过浏览器的 F12 去查看输出结果。可以看到，方式二明显方便多了。这样再也不用去浏览器运行js代码了，提升开发效率。然后重启vscode之后，假如我们想运行下面的test.js文件。然后在设置中找到 setting.json，在里面添加一段代码。方式一：通过命令运行，node +文件全路径地址 ，回车就好了。方式二：通过右上角运行按钮直接运行。
promise和async await详解
07-27
Promise和async/await都是用于处理JavaScript中的异步操作的工具。它们可以帮助我们更简洁地编写异步代码，并使其更易于阅读和维护。 Promise是一种表示异步操作的对象。它可以有三种状态：Pending（进行中）、Fulfilled（已完成）和Rejected（已拒绝）。当一个Promise对象的状态改变时，它会调用相应的回调函数。 我们可以使用Promise来处理异步操作。通过调用Promise的构造函数并传入一个执行器函数，我们可以创建一个新的Promise对象。执行器函数接受两个参数：resolve和reject。当异步操作成功时，我们可以调用resolve函数将Promise的状态设置为Fulfilled，并传递一个值作为结果。当异步操作失败时，我们可以调用reject函数将Promise的状态设置为Rejected，并传递一个错误对象。 我们可以使用Promise的then方法来处理已完成状态的Promise。then方法接受两个回调函数作为参数：第一个回调函数在Promise成功时被调用，第二个回调函数在Promise失败时被调用。 同时，我们可以使用Promise的catch方法来处理已拒绝状态的Promise。catch方法接受一个回调函数作为参数，该回调函数在Promise被拒绝时被调用。 async/await是基于Promise的语法糖，使异步代码更像同步代码。async函数是一个返回Promise对象的函数，其中使用了await关键字来暂停函数的执行，直到Promise解决（Fulfilled）或拒绝（Rejected）。 在使用async/await时，我们可以使用try/catch语句来捕获Promise中的错误。在try块中，我们可以使用await关键字来等待一个Promise的解决或拒绝。如果Promise被解决，则await表达式将返回解决的值；如果Promise被拒绝，则抛出一个错误对象，可以使用catch块捕获该错误。 总结一下，Promise是一种用于处理异步操作的对象，它有三种状态：进行中、已完成和已拒绝。我们可以使用Promise的then和catch方法来处理已完成和已拒绝状态的Promise。而async/await是基于Promise的语法糖，使异步代码更像同步代码。通过使用async函数和await关键字，我们可以以更简洁的方式编写异步代码，并使用try/catch语句来处理错误。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

suoh's Blog

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

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

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

打赏作者

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

抵扣说明：

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

余额充值