位置: IT常识 - 正文

ES6 - Promise详解及用法(es6promise的理解)

编辑:rootadmin
ES6 - Promise详解及用法 一、什么是Promise

推荐整理分享ES6 - Promise详解及用法(es6promise的理解),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:es6 promise await,es6介绍,es6 promise作用,es6 promise.all,es6 promise作用,es6 promise.all,es6 promise then,es6 promise then,内容如对您有帮助,希望把文章链接给更多的朋友!

Promise是ES6异步编程的一种解决方案(目前最先进的解决方案是async和await的搭配(ES8),但是它们是基于promise的),从语法上讲,Promise是一个对象或者说是构造函数,用来封装异步操作并可以获取其成功或失败的结果。

二、为什么要使用promise

最重要也是最主要的一个场景就是ajax和axios请求。通俗来说,由于网速的不同,可能你得到返回值的时间也是不同的,但是我们下一步要执行的代码依赖于上一次请求返回值,这个时候我们就需要等待,结果出来了之后才知道怎么样继续下去。 

三、promise的好处

防止出现回调地狱;

提高代码的可读性;

像同步操作那样去执行异步操作

 四、promise的三种状态

1.pending: 等待中,或者进行中,表示还没有得到结果 2.resolved(Fulfilled): 已经完成,表示得到了我们想要的结果,可以继续往下执行 3.rejected: 也表示得到结果,但是由于结果并非我们所愿,因此拒绝执行 

<script> function fn(flag) { //构造函数 return new Promise(function(resolve, reject) { if (flag === true) { resolve('promise状态为成功!') }; if (flag === false) { reject('promise状态失败!') }; }) } console.log(fn(true)); </script>五、promise的用法 

1.promise的实例方法

ES6 - Promise详解及用法(es6promise的理解)

①then()      得到异步任务的正确结果

②catch()    获取异常信息 ③finally()   成功与否都会执行(尚且不是正式标准)  注意:then方法可以接受两个函数,第一个函数为promise状态为成功的回调函数,第二个函数为promise状态为失败的回调函数(可以不写,一般用catch方法捕获promise状态为失败的异常信息)

<script> let pro = new Promise((resolve, reject) => { if (Math.random() > 0.5) { resolve("i'm resolve"); } else { reject("i'm reject"); } }) pro.then((res) => { console.log(res); }).catch((err) => { console.log(err); })</script>

案例

    目标:拿到关于 狙击手 电影的描述

    过程:

    1.先登录

    2.请求 导演信息 找到张导的id

    3.请求 电影信息 找到描述 

<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script><script> // 1.登录 // let myLogin = () => new Promise() function myLogin() { return new Promise((resolve, reject) => { $.ajax({ type: 'get', url: '../json/login.json', success(res) { resolve(res); }, error(err) { reject(err); } }) }) } // 2.导演列表 function myDirector() { return new Promise((resolve, reject) => { $.ajax({ type: 'get', url: '../json/director.json', success(res) { resolve(res); }, error(err) { reject(err); } }) }) } // 3.电影信息 function myFilm(id) { return new Promise((resolve, reject) => { $.ajax({ type: 'get', url: '../json/' + id + '.json', success(res) { resolve(res); }, error(err) { reject(err); } }) }) } myLogin().then(res => { return myDirector(); }).then(res => { return myFilm(3); }).then(res => { console.log(res); }).catch(err => { console.log(err); })</script> 2.promise的对象方法(p1,p2,p3为promise的实例对象)

①Promise.all()  并发处理多个异步任务,所有任务都执行完成才能得到结果

Promise.all( [p1,p2,p3] ) .then ( (result) => { consoleog (result)})

②Promise.race()  并发处理多个异步任务,只要有一个任务完成就能得到结果

Promise.race ( [p1,p2,p3] ).then ( (result)=>{ console. log (result)})六、总结

1.promise其实就是一个对象或者说是构造函数 2.promise的出现(es6) 就是解决异步编程和回调地狱等问题,async和await的出现(ES8)就是基于promise的一种解决异步编程的终极解决方案(简化代码等等) 3.在前端中,ajax和axios都会用到异步编程,axios更是基于promise的,所以一定要掌握        promise以及用async和await搭配promise的使用

本文链接地址:https://www.jiuchutong.com/zhishi/300225.html 转载请保留说明!

上一篇:PyTorch学习系列教程:何为Tensor?(pytorch如何学)

下一篇:大学生问AI(大学生问卷spss数据分析作业)

  • 自然人电子税务局
  • 电梯的税收筹划怎么做
  • 什么是进项税额转出
  • 税收优惠政策落实情况报告
  • 企业所得税的计算公式
  • 小规模纳税人批发机动车
  • 上个季度财务报表已申报,可以更正吗
  • 一般纳税人可以转小规模纳税人吗
  • 出纳工作的七大技巧
  • 持有至到期投资账务处理
  • 个人咨询服务费合同
  • 企业营改增后的会计处理有何变化
  • 工厂产品的人工怎么算
  • 企业经营收入达到多少
  • 个人所得税税费种认定功能在哪里
  • 继承安置房需要过户吗?
  • 转增股本是股票股利吗
  • 个体户 季报
  • 金税盘用户管理是灰色不能点击
  • 抵债资产会计核算办法
  • 民间非营利组织会计制度会计科目
  • 计提折旧会计分录的借方不可能是
  • 私营企业员工享受探亲假吗
  • php glob
  • 电脑开机弹出很多广告窗口怎么办win10
  • git pull远程
  • 会计实务中计提是什么意思
  • php root
  • 个人出售二手房要交增值税吗
  • 原材料明细账有记税吗
  • 财务费用是一种期间费用,按期归集
  • 预缴季度企业所得税分录
  • 钉钉工资表如何生成工资条?
  • 股东分红会计分录案例
  • 补交当年的增值税
  • 资产负债表日后调整事项
  • 进项税大于销项税怎么结转
  • 企业的应交税金一般通过什么科目核算
  • 跨区预缴增值税申报表查不到怎么回事
  • 一般纳税人无票收入怎么报增值税
  • 个人综合所得汇算申报流程
  • 经典帝国cms生成器下载
  • 销售提成缴税
  • 无偿调入固定资产怎么入账
  • 开具增值税专用发票的承诺书
  • 常见数据库系统软件
  • 支付劳务费的账务处理
  • 日本发票国内能用吗
  • 房地产公司项目经理待遇
  • 特殊销售方式下销售额的确定
  • 因自然灾害发生固定资产净损失
  • 公司客户招待费用标准
  • 上期留抵税额怎么在账上提现
  • 增值税普通发票几个点
  • 普通发票作废影响额度吗
  • 科目汇总表里面要填累计折旧吗
  • 什么样的原始凭证不能用
  • win7系统怎么修复安装系统
  • centos6.5设置网络
  • win10预览版21277
  • ios太极
  • linux下使用lftp的小结(远程服务器备份)
  • windows10计划任务文件在哪
  • centos soft lockup
  • nerosmartstart.exe - nerosmartstart是什么进程 作用是什么
  • win10内置杀毒
  • js页面点击怎么随机生成图片
  • android Unable to execute dex问题的解决
  • 如何理解shell
  • bootstrap tooltip
  • vue router 组件
  • jquery滚动到底部加载数据
  • jquery获取元素的父元素
  • JQuery绑定事件的函数是
  • js 队列
  • jquery操作元素样式
  • 对税务工作提出意见建议
  • 缴纳了车辆购置税能退吗
  • 餐饮办税
  • 差额征税差额开票怎么理解
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设