Promise的含义
Promise 是异步编程的一种解决方案
Promise,简单说就是一个容器,里面保存着某个未来才会结束的事件(通常是一个异步操作)的结果,从语法上说,Promise 是一个对象,从它可以获取异步操作的消息。
Promise
对象有以下两个特点:
1、对象的状态不受外界影响。Promise
对象代表一个异步操作,有三种状态:pending
(进行中)、fulfilled
(已成功)和rejected
(已失败),只有异步操作的结果,可以决定当前是哪一种状态,任何其他操作都无法改变这个状态。
2、一旦状态改变,就不会再变,任何时候都可以得到这个结果。Promise
对象的状态改变,只有两种可能:从pending
变为fulfilled
和从pending
变为rejected
。
有了Promise
对象,就可以将异步操作以同步操作的流程表达出来,避免了层层嵌套的回调函数。
缺点:
1、无法取消Promise
,一旦新建它就会立即执行,无法中途取消。
2、如果不设置回调函数,Promise
内部抛出的错误,不会反应到外部。
3、当处于pending
状态时,无法得知目前进展到哪一个阶段(刚刚开始还是即将完成)。
基本用法
ES6 规定,Promise
对象是一个构造函数,用来生成Promise实例
const promise = new Promise((resolve, reject)=> {
// ... some code
if (/* 异步操作成功 */){
resolve(value);
} else {
reject(error);
}
});
Promise
构造函数接受一个函数作为参数,该函数的两个参数分别是resolve
和reject
。resolve
函数的作用是在异步操作成功时调用,并将异步操作的结果,作为参数传递出去。reject
函数的作用是在异步操作失败时调用,并将异步操作报出的错误,作为参数传递出去。
使用
promise.then((value) =>{
// success
},(error)=> {
// failure
});
then
方法可以接受两个回调函数作为参数(定义在原型对象上的)
第一个回调函数是Promise
对象的状态变为resolved
时调用
第二个回调函数是Promise
对象的状态变为rejected
时调用(可选)
注意
then
方法返回的是一个新的Promise
实例(注意,不是原来那个Promise
实例)。因此可以采用链式写法,即then
方法后面再调用另一个then
方法。
promise.then(function(json) {
return json.dd;
}).then(function(dd) {
// ...
});
面的代码使用then
方法,依次指定了两个回调函数。第一个回调函数完成以后,会将返回结果作为参数,传入第二个回调函数。
Promise.prototype.catch
方法是.then(null, rejection)
的别名,用于指定发生错误时的回调函数。
getJSON('/posts.json').then(function(posts) {
// ...
}).catch(function(error) {
// 处理 getJSON 和 前一个回调函数运行时发生的错误
console.log('发生错误!', error);
});
上面代码中,getJSON
方法返回一个 Promise
对象,如果该对象状态变为resolved
,则会调用then
方法指定的回调函数;如果异步操作抛出错误,状态就会变为rejected
,就会调用catch
方法指定的回调函数,处理这个错误。
const promise = new Promise(function(resolve, reject) {
throw new Error('test');
});
promise.catch(function(error) {
console.log(error);
});
上面代码中,promise
抛出一个错误,就被catch
方法指定的回调函数捕获
如果 Promise
状态已经变成resolved
,再抛出错误是无效的。
const promise = new Promise(function(resolve, reject) {
resolve('ok');
throw new Error('test');
});
promise
.then(function(value) { console.log(value) })
.catch(function(error) { console.log(error) });
上面代码中,Promise
在resolve
语句后面,再抛出错误,不会被捕获,等于没有抛出。
Promise
对象的错误具有“冒泡”性质,会一直向后传递,直到被捕获为止。也就是说,错误总是会被下一个catch
语句捕获。
getJSON('/post/1.json').then(function(post) {
return getJSON(post.commentURL);
}).then(function(comments) {
// some code
}).catch(function(error) {
// 处理前面三个Promise产生的错误
});
上面代码中,一共有三个 Promise
对象:一个由getJSON
产生,两个由then
产生。它们之中任何一个抛出的错误,都会被最后一个catch
捕获。
一般来说,不要在then
方法里面定义Reject
状态的回调函数(即then
的第二个参数),总是使用catch
方法。
// bad
promise
.then(function(data) {
// success
}, function(err) {
// error
});
// good
promise
.then(function(data) { //cb
// success
})
.catch(function(err) {
// error
});
上面代码中,第二种写法要好于第一种写法,理由是第二种写法可以捕获前面then
方法执行中的错误,也更接近同步的写法(try/catch)
。因此,建议总是使用catch
方法,而不使用then
方法的第二个参数。
例子
封装一个查询数据库数据的方法,接收一个查询条件对象,成功就把查到的对象返回,失败就抛失败。
function find(req) {
const _req = req ? req : {};
return new Promise((res, rej) => {
QuestionMongoDB.find(_req, (err, data) => {
if (err) {
rej();
} else {
res(data);
}
});
})
}
上述代码的调用
//封装方法
find({id:'1111'})
then((data) => {
//查询成功,获得查询结果
})
.catch((error) => {
//查询失败,抛出异常
});