百度360必应搜狗淘宝本站头条
当前位置:网站首页 > IT知识 > 正文

javascript——Promise(js promise.race)

liuian 2025-03-25 15:20 25 浏览

1.Promise

ES6开始支持,Promise对象用于一个异步操作的最终完成(包括成功和失败)及结果值的表示。简单说就是处理异步请求的。之所以叫Promise,就是我承诺,如果成功则怎么处理,失败怎么处理。

// 语法new Promise(/下面定义的函数是executor/function(resolve, reject) {...})

[点击并拖拽以移动]1.1 executor

executor是一个带有resolve和reject参数的函数
executor函数在 Promise构造函数执行时立即执行,被传递resolve和reject函数(executor函数在Promise构造函数返回新建的对象前被调用)
executor内部通常会执行一些异步操作,一旦完成,可以调用resolve函数来将promise对象的状态改为fulfilled即完成,或者发生错误时将promise对象的状态改为rejected即失败。
如果在executor函数中抛出一个错误,那么该promise状态为rejected,executor函数的返回值被忽略。
executor中,resolve或reject函数只能执行其中的一个

promise的状态:

pending:初始状态,不是成功或失败
fulfilled:意味着操作成功完成
rejected:意味着操作失败

Promise.then(onFulfilled, onRejected)

参数是2个函数,根据Promise的装态来调用不同的函数,fulfilled走OnFulfilled函数,rejected走onRejected函数。then的返回值是一个新的promise对象,执行任意一个函数,对这个promise对象来说就是其返回值。调用任意一个函数后,其返回值可以被后续的then方法继续捕捉。

catch(onRejected)

为当前Promise对象添加一个拒绝回调,返回一个新的Promise对象。

我们来看一个简单的例子:

var myPromise = new Promise(function (resolve, reject){//resolve('hello')console.log('~~~~~~~~~~')reject('hello world!')})

console.log(myPromise)

var pro1 = myPromise.then((value) => console.log(1, myPromise, value),(reason) => console.log(2, myPromise, reason) // 不管哪个回调函数被执行,新的promise对象的状态都会变为fulfilled)

// 可以继续被捕捉var pro2 = pro1.then((value) => console.log(3, myPromise, value),(reason) => console.log(4, myPromise, reason))

pro2.then(value => {console.log(5, pro2, value)return Promise.reject('pro2 rejected') // 将新的promise对象的状态改为rejected},reason => console.log(6, pro2, reason)).catch(reason => {console.log(7, reason)return Promise.resolve(reason + '*') // 将新的promise对象的状态改为resolved}).then(value => console.log(8, value),reason => console.log(9, reason)

)

/*Promise { 'hello world!' }
2 Promise { 'hello world!' } 'hello world!'
3 Promise { 'hello world!' } undefined
5 Promise { undefined } undefined
7 'pro2 rejected'
8 'pro2 rejected*'
*/

对Promise的几点总结:Promise:resolve, reject两个函数无返回值then方法返回一个新的Promise对象,新对象的打印结果为then方法执行的函数的返回值;catch方法也是返回一个新的Promise对象。then的回调函数:fulfilled成功的状态 ==> 会调用onfulfilled回调函数,其参数为valuerejected失败的状态 ==> 会调用onrejected回调函数,其参数为reason不管哪一个回调函数执行后,新的promise对象的状态就变为fulfilled

catch只有一个回调函数==> reason如果不能catch到,以当前对象(pro1)的结果作为新对象(pro2)的结果;如果catch到,新的promise对象的状态就变为fulfilled

再来看一个例子:

function runAsync(){return new Promise(function(resolve, reject){setTimeout(function(){console.log('do something')resolve('ok')}, 3000) // 3000毫秒也就是3秒})}

runAsync().then(value => {console.log(value)return Promise.reject(value + '*****') // 将新的promise对象的状态改为rejected}).catch(reason => {console.log(reason)return Promise.resolve(reason + '~~~~~~~~~~~') // 将新的promise对象的状态改为resolved}).then(value => {console.log(value)console.log('Promise END')})

console.log('========FIN========')

/*========FIN========do somethingokok*****ok*****~~~~~~~~~~~Promise END*/

相关推荐

软件测试/测试开发丨Pytest 自动化测试框架(五)

公众号搜索:TestingStudio霍格沃兹测试开发的干货都很硬核测试报告在项目中是至关重要的角色,一个好的测试报告:可以体现测试人员的工作量;开发人员可以从测试报告中了解缺陷的情况;测试经理可以...

python爬虫实战之Headers信息校验-Cookie

一、什么是cookie上期我们了解了User-Agent,这期我们来看下如何利用Cookie进行用户模拟登录从而进行网站数据的爬取。首先让我们来了解下什么是Cookie:Cookie指某些网站为了辨别...

软件测试 | 结合Allure生成测试报告

简介测试报告在项目至关重要,测试人员可以在测试报告中体现自己的工作量,开发人员可以从测试报告中了解缺陷的情况,测试经理可以从测试报告中看到测试人员的执行情况及测试用例的覆盖率,项目负责人可以通过测...

使用FUSE挖掘文件上传漏洞(文件上传漏洞工具)

关于FUSEFUSE是一款功能强大的渗透测试安全工具,可以帮助广大研究人员在最短的时间内迅速寻找出目标软件系统中存在的文件上传漏洞。FUSE本质上是一个渗透测试系统,主要功能就是识别无限制可执行文件上...

第42天,我终于意识到,爬虫这条路,真的好艰难

昨天说到学爬虫的最初四行代码,第四行中的print(res.text),我没太懂。为啥最后的输出的结果,不是显示百度网页全部的源代码呢?这个世界上永远不缺好心人。评论区的大神告诉我:因为只包含静态h...

详解Pytest单元测试框架,轻松搞定自动化测试实战

pytest是目前企业里面使用最多、最流行的Python的单元测试框架,那我们今天就使用这个框架来完成一个网易163邮箱登录的自动化实战案例。下面我们先把我们案例需要的工具进行相关的介绍:01pyt...

干货|Python大佬手把手带你破解哔哩哔哩网滑动验证(上篇)

/1前言/有爬虫经验的各位小伙伴都知道,正常我们需要登录才能获取信息的网站,是比较难爬的。原因就是在于,现在各大网站为了反爬,与爬虫机制斗智斗勇,一般的都加入了图片验证码、滑动验证码之类的干扰,让...

Python 爬虫-如何抓取需要登录的网页

本文是Python爬虫系列第四篇,前三篇快速入口:Python爬虫-开启数据世界的钥匙Python爬虫-HTTP协议和网页基础Python爬虫-使用requests和B...

使用Selenium实现微博爬虫:预登录、展开全文、翻页

前言想实现爬微博的自由吗?这里可以实现了!本文可以解决微博预登录、识别“展开全文”并爬取完整数据、翻页设置等问题。一、区分动态爬虫和静态爬虫1、静态网页静态网页是纯粹的HTML,没有后台数据库,不含程...

从零开始学Python——使用Selenium抓取动态网页数据

1.selenium抓取动态网页数据基础介绍1.1什么是AJAX  AJAX(AsynchronouseJavaScriptAndXML:异步JavaScript和XML)通过在后台与服务器进...

PHP自动测试框架Top 10(php单元测试工具)

对于很多PHP开发新手来说,测试自己编写的代码是一个非常棘手的问题。如果出现问题,他们将不知道下一步该怎么做。花费很长的时间调试PHP代码是一个非常不明智的选择,最好的方法就是在编写应用程序代码之前就...

10款最佳PHP自动化测试框架(php 自动化测试)

为什么测试如此重要?PHP开发新手往往不会测试自己编写的代码,我们中的大多数通过不断测试我们刚刚所编写浏览器窗口的新特性和功能来进行检测,但是当事情出现错误的时候我们往往不知道应该做些什么。为我们的代...

自动化运维:Selenium 测试(seleniumbase搭建自动化测试平台)

本文将以Buddy中的Selenium测试流水线示例,来看看自动化测试就是如此简单易用!Selenium是一套用于浏览器测试自动化的工具。使用Buddy专有服务,您可以直接在Buddy中运行Selen...

Selenium自动化测试(selenium自动化测试工具)

Selenium是一系列基于web的自动化测试工具。它提供了一系列测试函数,用于支持Web自动化测试。这些函数非常灵活,它们能够通过多种方式定位界面元素,并可以将预期结果与系统实际表现进行比较。作为一...

技术分享 | Web自动化之Selenium安装

本文节选自霍格沃兹测试开发学社内部教材Web应用程序的验收测试常常涉及一些手工任务,例如打开一个浏览器,并执行一个测试用例中所描述的操作。但是手工执行的任务容易出现人为的错误,也比较费时间。因此,将...