Promise对象的简单用法
要了解一个东西,首先要从,它是什么、用来做什么以及怎么取用它这三个方面来了解。
- 首先,promise是什么?
我们来参考一下MDN对它的定义:
Promise 对象用于一个异步操作的最终完成(或失败)及其结果值的表示。(简单点说就是处理异步请求。我们经常会做些承诺,如果我赢了你就嫁给我,如果输了我就嫁给你之类的诺言。这就是promise的中文含义:诺言,一个成功,一个失败。)
可以看到,promise是一个对象,用来处理异步操作,那么我们又要了解一下什么是同步异步,以下是我对同步异步的理解:
异步:被请求人的消息通知机制,即当被请求者在接收到请求之后,处理请求,处理完成后是否通知请求者的消息通知机制。
同步:请求者的事务处理机制,即当请求者发出请求后,是否等待请求结果,继续处理接下来的事务。
总结promise是什么:
promise是一个构造函数,用来处理javascript中的异步操作。
- promise用来做什么?
在MDN的定义中已经给出答案,它用来处理异步操作,即维护事件处理的状态,方便我们对异步操作获取更直观的感受,就是在一个事件处理的过程中,监听事件处理的状态成功与否,然后由这些状态决定下一步操作。
MDN中对promise有这样的描述:
Promise 对象是一个代理对象(代理一个值),被代理的值在Promise对象创建时可能是未知的。它允许你为异步操作的成功和失败分别绑定相应的处理方法(handlers)。 这让异步方法可以像同步方法那样返回值,但并不是立即返回最终执行结果,而是一个能代表未来出现的结果的promise对象
引用阮一峰ES6中的一句话介绍promise能为我们做什么,以及有什么缺点:
有了Promise对象,就可以将异步操作以同步操作的流程表达出来,避免了层层嵌套的回调函数。此外,Promise对象提供统一的接口,使得控制异步操作更加容易。
首先,无法取消Promise,一旦新建它就会立即执行,无法中途取消。其次,如果不设置回调函数,Promise内部抛出的错误,不会反应到外部。第三,当处于pending状态时,无法得知目前进展到哪一个阶段(刚刚开始还是即将完成)。
- 基本用法
Promise是一个构造函数,用来生成Promise实例:
var promise= new Promise(function(resolve,reject){
//执行一些代码
if(如果异步操作成功){
resolve(value)
}else{
//异步操作失败
reject(error)
}
})
Promise对象通过维护三种状态来实现异步操作,这三种状态分别是:
- pending:初始值,不是成功或失败状态
- fulfilled :成功状态
- rejected :操作失败状态
在以上实例构建过程中:Promise在构建实例的过程总接受一个函数作为参数,这个函数又拥有两个函数作为参数(resolve,reject),分别代表着:
- resolve函数的作用是将Promise对象的状态从“未完成”变为“成功”状态,在异步操作成功时调用,器参数为异步操作返回出的结果。
- reject函数的作用则刚好相反,是将Promise对象的状态从“未完成”状态改变为“失败”状态,在异步操作失败时调用,其参数为异步操作失败返回的错误信息。
Promise中的常用API
- then
作用:Promise对象根据异步操作结果,执行相应的回调函数,接受两个回调函数作为参数,第一个为Promise对象状态改变为resolved时调用,第二个回调函数为Promise对象状态改变为reject时调用,第二个参数是可选的,不是必须的,这两个函数都接受Promise传出的值作为参数。 - catch
作用:该方法是Promise.prototype.catch方法是.then(null, rejection)的别名,用于指定发生错误时的回调函数。 - all
作用:该方法用于将多个Promise实例包装成一个新的实例
var promise=Promise.all([p1,p2,p3])
//该方法接受一个数组作为参数,数组中p1,p2,p3均为promise实例,只有当数组中的promise对象的状态全部为"成功"状态时,promise的状态才会变为成功状态,并将三个数组中的promise对象返回的结果,按照参数的顺序传递给promise的回调函数。
Promise对象的简单用法的更多相关文章
- ES6系列_14之promise对象的简单使用
1.产生原因 在前端开发中,最常见的的就是"回调",我相信很多人对于这个"回调"可谓是印象深刻呢.究其原因是因为层层回调会造成所谓的“回调地狱 (callbac ...
- Promise对象的基本用法
主要作用 1.用来传递异步操作的消息 2.三种状态:pending.Resolved.Rejected,而且只能从第一种状态转到后两者状态之一. 3.缺点 (1)一旦新建就会立即执行 (2)如果不设置 ...
- Promise对象的含义和基本用法
1.Promise的含义 Promise是异步编程的一种解决方案,比传统的解决方案(回调函数和事件)更合理更强大. 所谓Promise,简单说就是一个容器,里面保存着某个未来才会结束的事件 (通常是一 ...
- ES6 Promise 对象
Promise 的含义 Promise 是异步编程的一种解决方案,比传统的解决方案--回调函数和事件--更合理和更强大.它由社区最早提出和实现,ES6 将其写进了语言标准,统一了用法,原生提供了Pro ...
- 微信小程序Promise对象
Promise 对象 Promise 的含义 基本用法 Promise.prototype.then() Promise.prototype.catch() Promise.prototype.fin ...
- 13.Promise 对象
Promise 对象 Promise 对象 Promise 的含义 Promise 是异步编程的一种解决方案,比传统的解决方案--回调函数和事件--更合理和更强大.它由社区最早提出和实现,ES6 将其 ...
- ES6的Promise对象
http://es6.ruanyifeng.com/#docs/promise Promise 对象 Promise 的含义 基本用法 Promise.prototype.then() Promise ...
- ES6的新特性(15)——Promise 对象
Promise 对象 Promise 的含义 Promise 是异步编程的一种解决方案,比传统的解决方案——回调函数和事件——更合理和更强大.它由社区最早提出和实现,ES6 将其写进了语言标准,统一了 ...
- 前端异步编程之Promise和async的用法
传统的异步解决方案采用回调函数和事件监听的方式,而这里主要记录两种异步编程的新方案: ES6的新语法Promise ES2017引入的async函数 Generator函数(略) Promise的含义 ...
随机推荐
- mybatis sql循环的使用
foreach的主要用在构建in条件中,它可以在SQL语句中进行迭代一个集合. foreach元素的属性主要有 item,index,collection,open,separator,close. ...
- 性能测试资源监控工具nmon使用方法
1.简述 nmon是一种在AIX与各种Linux操作系统上广泛使用的监控与分析工具,相对于其它一些系统资源监控工具来说,nmon所记录的信息是比较全面的,它能在系统运行过程中实时地捕捉系统资源的使用 ...
- sql for xml 输出结果带单引号出现转成&apos的解决方案
select '''' + ID +''',' from 表 for xml path('') 此SQL语句,输出结果如‘1’,’2‘,’3‘, 但是在因xml会出现path转译的问题将‘转成&am ...
- Linux终端连接Linux服务器
我们经常需要通过类UNIX下连接我们的Linux服务器.比如我的Mac下经常需要连接上Linux服务器.一般系统都提供了ssh支持,可以直接连接: 通过命令: ssh root@120.25.12.9 ...
- 如何查看dede版本信息
dedecms版本信息 更新日期 it 分类: dedecms 打开 /include/common.inc.php 查找 $cfg_version 可以看到版本号 /打开 data/admin/ve ...
- yourphp目录结构
Yourphp企业网站管理系统是一款完全开源免费的PHP+MYSQL系统.核心采用了Thinkphp框架等众多开源软件,同时核心功能也作为开源软件发布的网站后台管理系统. 二.目录说明 /Cache ...
- dedecms列表页有图调用缩略图无图留空的方法
默认情况下,织梦的文章列表页会调用出当前栏目下的文章列表,并且调用出每个文章的缩略图:如果文章本身就有图,会调用出一张小图,如果没有,则会显示默认的织梦图片.这种处理方式有时候比较影响美观,其实可以修 ...
- Kafka 使用Java实现数据的生产和消费demo
前言 在上一篇中讲述如何搭建kafka集群,本篇则讲述如何简单的使用 kafka .不过在使用kafka的时候,还是应该简单的了解下kafka. Kafka的介绍 Kafka是一种高吞吐量的分布式发布 ...
- CUDA与OpenGL互操作
当处理较大数据量的时候,往往会用GPU进行运算,比如OpenGL或者CUDA.在实际的操作中,往往CUDA实现并行计算会比OpenGL更加方便,而OpenGL在进行后期渲染更具有优势.由于CUDA中的 ...
- underscore.js 源码阅读 一 整体结构
// 整个underscore的实现包在一个立即执行函数中,避免污染全局对象 // 通过call(this)来入全局变量 (function() { // 缓存this var root = this ...