一、介绍
1.含义
Promise是异步变成解决方案,比传统异步方案(回调和事件)更合理更强大。简单说就是一个容器,里面保存着某个未来才会结束的事件(通常是异步操作)结果。从他可以获取异步操作的消息,Promise提供统一的API,各种异步操作都可以用同样的方法进行处理。
2.两个特点 :
Promise 内部的错误不会影响到 Promise 外部的代码,通俗的说法就是“Promise 会吃掉错误”。
1> 对象的状态不受外界的影响,Promise对象代表一个异步操作,
有三种状态 : pending(进行中),fullfaild ( 已成功 ) ,rejected(失败);
只有异步操作的结果,可以决定是哪种状态,不可中途改变。
2> 一旦状态改变,就不会再变,任何时候都可以得到这个结果。这与事件(Event)完全不同,事件的特点是,如果你错过了它,再去监听,是 得不到结果的。
有了Promise对象,就可以将异步操作以同步操作的流程表达出来,避免了层层嵌套的回调函数。此外,Promise对象提供统一的接口,使得控制异步操作更加容易。
3 .缺点
1>无法取消,一旦新建一个Promise就会立即执行
2>如果不设置回调函数,Promise内部抛出的错误,不会反应到外部
3>当处于pending状态时,无法得知现在处于哪个状态,是刚刚开始还是已经结束。
二、用法
1、Promise对象是一个构造函数,用来生成Promise实例。
resolve函数的作用是:将Promise对象的状态从“未完成”变为“成功”(即从 pending 变为 resolved),在异步操作成功时调用,并将异步操作的结果,作为参数传递出去;
reject函数的作用是:将Promise对象的状态从“未完成”变为“失败”(即从 pending 变为 rejected),在异步操作失败时调用,并将异步操作报出的错误,作为参数传递出去。
2.Promise实例生成后,then方法分别指定resolved和rejecte的回调函数:
Promise实例生成以后,可以用then方法分别指定resolved状态和rejected状态的回调函数。
then方法可以接受两个回调函数作为参数:Promise异步执行之后调用then()
第一个回调函数是Promise对象的状态变为resolved时调用,
第二个回调函数是Promise对象的状态变为rejected时调用。
其中,第二个函数是可选的,不一定要提供。这两个函数都接受Promise对象传出的值作为参数。
Promise实例的状态变为resolved,就会触发then方法绑定的回调函数。Promise 新建后就会立即执行。
注意,调用resolve或reject并不会终结 Promise 的参数函数的执行。
2.Promise实例生成后,then方法分别指定resolved和rejecte的回调函数。
then方法返回的是一个新的Promise实例(注意,不是原来那个Promise实例)。因此可以采用链式写法,即then方法后面再调用另一个then方法。
3.Catch()
4.Promise,all()
Promise.all方法用于将多个 Promise 实例,包装成一个新的 Promise 实例。只要有一个错误,就会停止。
以下示范全部成功的情况 :
5.Promise.resolve()
有时需要将现有对象转为Promise对象,Promise.resolve方法就起到这个作用。
(1)参数是一个Promise实例
如果参数是Promise实例,那么Promise.resolve将不做任何修改、原封不动地返回这个实例。
(2)参数是一个thenable对象
thenable对象指的是具有then方法的对象,比如下面这个对象。
(3)参数不是具有then方法的对象,或根本就不是对象:
如果参数是一个原始值,或者是一个不具有then方法的对象,则Promise.resolve方法返回一个新的Promise对象,状态为resolved。
(4)不带有任何参数
Promise.resolve方法允许调用时不带参数,直接返回一个resolved状态的Promise对象。
如果希望得到一个Promise对象,比较方便的方法就是直接调用Promise.resolve方法。
三、应用
1、加载图片
我们可以将图片的加载写成一个Promise,一旦加载完成,Promise的状态就发生变化。