promise
promise是解决异步的一种方案,也就是让promise帮我们去处理异步,最终promise会返回异步处理的结果。
有了promise之后,让异步处理更加灵活,还能够解决之前的回调地狱的问题。
promise的使用
1. 我们需要用promise帮我们处理异步
var p = new Promise(function(resolve, reject){
// 在这里来进行真正的异步处理
setTimeout(function(){
}, 100);
});
- promise在处理异步的时候,会成功或者失败,成功调用resolve,失败调用reject
var p = new Promise(function(resolve, reject){
// 第一个形参是成功的回调 异步成功 resolve
// 第一个形参是失败的回调 异步失败 reject
// 这里用于实现异步任务
setTimeout(function(){
var flag = true;
if(flag) {
// 正常情况
resolve('hello123');
}else{
// 异常情况
reject('出错了123');
}
}, 100);
});
- 获取到异步的结果
p.then(function(data){
// 这个函数 就相当于 resolve('hello')
console.log(data)
},function(info){
// 这个函数 就相当于 resolve('hello')
console.log(info)
});
promise解决回调地狱的问题
在promise实例的then方法内部 如果return了一个新的Promise实例对象
下一个.then的成功回调函数,是属于新的promise处理异步的成功的回调
queryData('http://localhost:3000/data').then(function(res){
console.log(res)
// queryData 返回的是 Promise实例对象
return queryData('http://localhost:3000/data1')
}).then(function(res) {
console.log(res)
return queryData('http://localhost:3000/data2')
}).then(function(res) {
console.log(res)
})
promise的实例方法
通过实例对象来调用的方法或属性,我们叫做:实例方法或者实例属性
then: 第一个回调函数是成功的回调,第二个是失败的回调
catch:专门用来处理失败的
finally:不管成功还是失败都会执行
foo()
.then(function(data){
console.log(data)
})
.catch(function(data){
console.log(data)
})
.finally(function(){
console.log('finished')
});
promise的静态方法
通过构造函数调用的属性或者方法,我们叫做:静态方法或者静态属性
all:该方法接收一个数组,数组的每一项都是处理异步的promise实例对象,数组每一项的异步都处理完成之后,all的then的成功的回调才会执行
race:使用的方式和all一摸一样,区别就是race的then的成功回调,只要有一个异步成功,then就调用