Promise学习

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方法。