Promise学习
阅读廖雪峰的官方网站Promise后,自己记录下理解。
Promise对象,其实就是承诺执行,怎么解释,看下面的例子。
new Promise(function (resolve, reject){
// 这两个参数,就是两个函数,我们在函数内觉得什么时候执行。
var num = Math.random()*10
// 当num > 5 我们1秒后执行resolve()
// 当num < 5 我们1秒后执行reject()
setTimeout(function(){
if (num > 5) {
console.log('num = '+ num + '我们执行resolve()')
resolve()
} else {
console.log(('num = '+ num + '我们执行reject()'))
reject()
}
},1000)
}).then(function(){
console.log('我们是执行resolve()');
}).catch(function(){
console.log('我们是执行reject()');
})
这就是最基本的Promise用法,我们不要被新事物迷惑,抓住根本才最重要。
当然我们也可以链式调用,如:p.then().then().catch()
var p1 = function (num) {
return new Promise(function (resolve, reject) {
console.log(num + num)
setTimeout(resolve, 1000, num + num)
})
}
var p2 = function (num) {
return new Promise(function (resolve, reject) {
console.log(num * num)
setTimeout(resolve, 1000, num * num)
})
}
var p = new Promise(function (resolve, reject) {
console.log(11);
resolve(11)
})
p.then(p1).then(p2).then(p1).then(function () {
console.log('end')
})
这里将一个promise函数供then调用,然后又return一个promise,然后继续调用,最后执行then函数打印end,当然我们也可以在其中加入catch,在返回的promise函数中调用。
如果多个promise函数 同时执行的话,我们可以用Promise.all方法
var p1 = new Promise(function (resolve, reject) {
setTimeout(resolve, 500, 'P1');
});
var p2 = new Promise(function (resolve, reject) {
setTimeout(resolve, 600, 'P2');
});
// 同时执行p1和p2,并在它们都完成后执行then:
Promise.all([p1, p2]).then(function (results) {
console.log(results); // 获得一个Array: ['P1', 'P2']
});
还有一种,我们想两个地址同时请求插件JS,但是我们只需要一个,这时候就可以用Promise.race方法,只会返回先返回结果的,另一个方法虽然也会执行,但是结果不在返回。
var p1 = new Promise(function (resolve, reject) {
setTimeout(resolve, 800, 'P1');
});
var p2 = new Promise(function (resolve, reject) {
setTimeout(resolve, 600, 'P2');
});
Promise.race([p1, p2]).then(function (result) {
console.log(result); // 'P2'
});
以上就是Promise方法。