Promise的含义
Promise简单来说就是一个容器,容器中保存着某个未来才会结束的事件的结果,这个事件通常是一个异步操作。
从语法上讲,Promise是一个对象,从它可以获取异步操作的信息。
Promise对象的两大特点
- 对象的状态不受外界影响。Promise对象代表一个异步操作,有三种状态:pending(进行中)、fulfilled(已成功)和rejected(已失败)。只有异步操作的结果,可以决定当前是哪一种状态,其他操作都无法改变这个状态。
- 一旦状态改变,就不会再变,任何时候都可以得到这个结果。也就是说,Promise中的异步操作执行完成后,其状态和结果都不会再发生改变,这时就称为resolved(已定型)。
对Promise的理解
Promise的英文翻译为“承诺”,可以这样理解Promise对象:我们创建Promise对象时,Promise对象就给我们一个承诺,承诺它会完成我们在Promise中写好的异步操作,并且在得到结果后永远不会再发生改变。我们只需要使用Promise提供的接口,获取异步操作的信息即可。
Promise的缺点
- Promise对象一经创建立即执行,无法中途取消。
- 如果不设置回调函数,Promise内部抛出的错误将无法反应在外部。
- 当处于pending状态时,无法得知目前进展到哪一个阶段。
基本用法
ES6规定,Promise对象是一个构造函数,用来生成Promise实例。
Promise构造函数接受一个函数作为参数,该函数的两个参数分别是resolve和reject。它们是两个函数,由JavaScript引擎提供,不需要自己部署。
下面是一个示例:
const promise = new Promise(function(resolve, reject) {
// ... some code
if (/* 异步操作成功 */){
resolve(value);
} else {
reject(error);
}
});
resolve函数的作用是,将Promise的状态从“未完成”变为“成功”,在异步操作成功时调用,并将异步操作的结果作为参数传递出去。
reject函数的作用时,将Promise对象的状态从“未完成”变为“失败”,在异步操作失败时调用,并将异步操作报出的错误作为参数传递出去。
Promise实例生成后,我们需要用then方法分别指定resolved状态和rejected状态的回调函数。
then方法接受两个回调函数作为参数。第一个回调函数时Promise对象的状态为resolved时调用,第二个回调函数是Promise对象的状态变为rejected时调用。其中第二个函数是可选的,不一定必须要写。then方法参数中的两个函数都接受Promise对象传出来的值作为参数。示例如下:
promise.then(function(value) {
// success
}, function(error) {
// failure
});
这样我们就清楚了Promise的执行过程,我们创建了Promise对象后,Promise对象中的函数被立刻执行,之后,我们调用Promise对象的then方法,设置Promise对象执行成功和执行失败后的回调函数。当当前脚本中的所有任务都执行完毕后,Promise会根据自己的结果执行回调函数。
如下所示:
let promise = new Promise(function(resolve, reject) {
console.log('Promise');
resolve();
});
promise.then(function() {
console.log('resolved.');
});
console.log('Hi!');
//打印结果:
// Promise
// Hi!
// resolved
promise对象创建后会立刻执行,所以先打印Promise。这之后会先执行脚本中的其他代码,所以第二个打印的是“Hi!”。最后当Promise对象执行完状态发生转变后,执行then方法中定义的回调函数,所以打印resolved.