[pomise]

于 2021-12-16 09:51:31 发布
阅读量280 收藏 1
点赞数
分类专栏： # 面试 # js 文章标签： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_14993591/article/details/121962038
版权
js 同时被 2 个专栏收录
155 篇文章 2 订阅
订阅专栏
面试
36 篇文章 1 订阅
订阅专栏

promise有三种状态两种模式；

三种状态分别为pending(进行中)/fulfilled(成功的)/rejected(失败的)；

两种模式是从pending到fulfilled和pending到rejected。

在这里插入图片描述
resolve让状态从pending变为fulfilled
resolve让状态从pending变为rejected

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

then方法接受两个参数，第一个参数是成功时的回调，在promise由“等待”态转换到“完成”态时调用，另一个是失败时的回调，在promise由“等待”态转换到“拒绝”态时调用。

在这里插入图片描述
结果

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

回调地狱

在这里插入图片描述

在这里插入图片描述
使用promise解决回调地狱

在这里插入图片描述
在这里插入图片描述

then、catch 如何改变 Promise 状态

在这里插入图片描述
resolve让状态从pending变为fulfilled,fulfilled状态的promise会执行then里面的回调函数

在这里插入图片描述

throw 抛出异常，promise状态变为rejected,执行catch对应的回调
在这里插入图片描述
resolve让状态从pending变为rejected，,rejected状态的promise会执行catch里面的回调函数

在这里插入图片描述
catch正常返回的时候，promise的状态是fulfilled

在这里插入图片描述

catch里抛出一个报错的时候，promise的状态是rejected
在这里插入图片描述

533_
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
ES6 Promise用法小结
涂涂
07-25 38万+
目录 1.什么是Promise reject的用法 catch的用法 all的用法 race的用法 1.什么是Promise Promise 是异步编程的一种解决方案，其实是一个构造函数，自己身上有all、reject、resolve这几个方法，原型上有then、catch等方法。 Promise对象有以下两个特点。 （1）对象的状态不受外界影响。Promise对象代表一个异步操...
Promise基础详解，快速带你了解Promise的各种使用方式及其原理
XuZhiqiang的博客
01-30 1579
本文讲述了 Promise 的用法与方法介绍，详细解剖 Promise 的状态流程以及 Promise 关键问题，下一篇将介绍如何手写Promise
Pomise的知识点
weixin_47122590的博客
06-02 478
Promise的概述 Promise 是异步编程的一种解决方案、比传统的解决方案-回调函数和时间 更合理且更加强 Promise 对象代表一个异步操作，有3状态
3.pomise
m0_46634841的博客
01-04 165
pomise promise 的介绍以及基本使用 使用 promise 来请求内容 宏任务与微任务 promise 相关 api promise 的介绍以及基本使用 在昨天，我们学习了使用回调函数来处理异步，但是回调函数有一个很致命的缺点，那就是回调地狱。 promise 最早就是由社区提出来的一种异步编程解决方案，主要用来解决回调地狱。 自从ES6之后，promise被纳入官方标准。 下面我们来看一下 promise简单的示例： let pm = new Promise(function(resolv
Pomise.all及Promise.race的使用及理解
WuqibuHuan的博客
06-22 161
Pomise.all的使用： Promise.all可以将多个Promise实例包装成一个新的Promise实例。同时，成功和失败的返回值是不同的，成功的时候返回的是一个结果数组，而失败的时候则返回最先被reject失败状态的值。 具体代码如下: let p1 = new Promise((resolve, reject) => { resolve('成功了') }) let p2 = new Promise((resolve, reject) => { resolve('succes
request-promise-native：带有Promise支持的简化的HTTP请求客户端“ request”。 由本机ES6承诺提供支持
02-27
请求承诺本机 不推荐使用！ 自2020年2月11日起， 已完全弃用。 预计不会有新变化。 实际上，有一段时间没有人降落了。 此软件包也已弃用，因为它取决于request 。 Fyi，这是的以及的。 该软件包类似于但使用本机...
android-promiser:PromisesA +规范的轻量级实现
04-30
Android Promiser 规范的轻量级实现。 Gradle 将以下依赖项添加到build.gradle ： dependencies { ... ...} 要求 该库是使用Java 8语法编写的。... :grinning_face_with_smiling_eyes: 要使用此到Java 7，6个5个项目，...
bsh-defer:在 angular 或 node 中使用的 defer api，包装 $q 和 node-promise
07-01
当编写基于 pomise 的 js API 以交付给 angular 或 node 时，使用 $q 的通用包装器和基于 node 的 promise 库（在这种情况下使用 node-promise ）会很方便。 用法： 定义您的通用角度/节点 api： (function ...
全栈开发—首页模块1.zip
11-22
首先，事件循环机制的是从 <script> 标签内的代码开始的...3）当执行过程中，如果遇到微任务，如： Pomise ，在创建 Promise 实例对象时,代码顺序执行，如果 到了执行· then 操作，该任务就会被分发到微任务队列中去。
理解和使用Promise.all和Promise.race
01-08
一、Pomise.all的演示 Promise.all可以将多个Promise实例包装成一个新的Promise实例。成功和失败的返回值是不一样的，成功的时候返回的是一个结果数组，失败的时候返回的是reject失败状态的值。 代码如下： let new1...
怎么理解JS Promise
青菜陪白豆腐的博客
08-10 1万+
       由于昨天发了一篇关于setTimeout 的文章，里面提到了 Promise ，那篇文章里没有解释Promise的用法和含义，因为昨天的我还没太懂Promise，所以没有在那篇文章继续解释Promise，然后今天的我总算是对Promise有所理解了，然后我来谈谈我学到的Promise的知识，因为是个人的理解，所以会不全面，请多包涵。 一、何为Promise 在MDN web do...
ES6中Promise用法及理解
weixin_46995731的博客
10-10 1319
ES6中Promise用法及理解 promise就是个构造函数，参数为一个函数 构造函数一般使用其实例进行操作，如何得到一个构造函数的实例呢？ 1、new Promise（参数:函数）； 2、参数为一个函数，这个函数同样也有两个参数 resolve reject，这两个参数也是函数 resolve执行后返回promise的成功状态， reject执行后返回promise的错误状态 基本使用形式： var p = new Promise(function(resolve,reject){
Promise 的基础用法
热门推荐
Dreams of JAVAD
03-07 7万+
Promise 的含义 Promise 是异步编程的一种解决方案，比传统的解决方案–回调函数和事件－－更合理和更强大。它由社区最早提出和实现，ES6将其写进了语言标准，统一了语法，原生提供了Promise 所谓Promise ，简单说就是一个容器，里面保存着某个未来才回结束的事件(通常是一个异步操作）的结果。从语法上说，Promise是一个对象，从它可以获取异步操作的消息。 Promise ...
pomise的简单用法
weixin_30772261的博客
05-12 112
1、then的基本简单用法，当异步获取完数据后就会自动执行then的方法 function runAsync1(){ var p = new Promise(function(resolve, reject){ //做一些异步操作 setTimeout(function(){ co...
大白话讲解Promise（一）
aigenglong0649的博客
03-11 1万+
去年6月份， ES2015正式发布（也就是ES6，ES6是它的乳名），其中Promise被列为正式规范。作为ES6中最重要的特性之一，我们有必要掌握并理解透彻。本文将由浅到深，讲解Promise的基本概念与使用方法。 ES6 Promise 先拉出来遛遛 复杂的概念先不讲，我们先简单粗暴地把Promise用一下，有个直观感受。那么第一个问题来了，Promise是什么玩意呢？...
Promise
李刚的学习专栏
05-15 1万+
讲述Promise之前，先向大家推荐一个不错的关于Promise的学习资料JavaScript Promise迷你书（中文版） var promise = new Promise(function(resolve, reject) { resolve("示例"); }); promise.then(function(value) { console.log(value); }, fu
Promise用法详解(一)
zero________________的博客
08-08 2万+
Promise 基本概念 Promise是一个构造函数，所以可以 new 出一个Promise的实例 在Promise上有两个函数 resolve(成功之后的回调函数)和 reject(失败后的回调函数) 在Promise构造函数的prototype属性上，有一个 .then() 方法。所以只要是Promise构造函数创建的实例，都可以访问到 .then()方法 Promise表示一个一......
Promise 失败重试
axzzy的博客
11-27 446
function getData(){ let p = new Promise(function(resolve, reject){ setTimeout(function(){ var num = Math.ceil(Math.random()*20); //生成1-10的随机数 console.log('随机数生成的值：',num) if(num<=10){ console.log('符合条件，值为'+num)
promise的基本用法
sunlando的博客
09-17 5956
promise的用法 promise是一个构造函数，自身有all，resolve，reject等方法，原型上有then，catch等方法。并且它new的实例对象特包含这些方法。通常将他包在一个函数中然后返回一个promise对象。 function hins(){ let name = new Promise(function(resolve,reject){ setTimeout(function(){ console.log('异步执行完成')； resolve('hinschueng') }
Pomise.all
最新发布
09-12
Promise.all是一个方法，可以将多个Promise实例包装成一个新的Promise实例。它可以同时处理多个异步操作，并在所有操作都完成后返回一个结果数组。如果其中任何一个Promise实例返回了失败状态（rejected），Promise....

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值