1、 什么是Promise
Promise是抽象异步处理对象以及对其进行各种操作的组件。Promise并不是从JavaScript中发祥的概念。Promise最初被提出是在 E语言中, 它是基于并列/并行处理设计的一种编程语言。现在JavaScript也拥有了这种特性,这就是本文所介绍的JavaScript Promise。另外,如果说到基于JavaScript的异步处理,我想大多数都会想到利用回调函数。 Promise是一个类,可以创建实例代表承诺,而什么时候会用到承诺 ,一般是异步任务,就是需要很长时间执行的时间
Promise的状态
用new Promise 实例化的promise对象有以下三个状态。
- Fulfilled resolve(成功)时。此时会调用 onFulfilled
- Rejected reject(失败)时。此时会调用 onRejected
- Pending 既不是resolve也不是reject的状态。也就是promise对象刚被创建后的初始化状态等
promise对象的状态,从Pending转换为Fulfilled或Rejected之后, 这个promise对象的状态就不会再发生任何变化。也就是说,Promise与Event等不同,在.then 后执行的函数可以肯定地说只会被调用一次。另外,Fulfilled和Rejected这两个中的任一状态都可以表示为Settled(不变的)。
Promise的创建
一般情况下我们都会使用 new Promise() 来创建promise对象,但是除此之外我们也可以使用其他方法。
在这里,我们将会学习如何使用 Promise.resolve 和 Promise.reject这两个方法。
let Promise = require('./Promise');
let p1 = new Promise(function(resolve,reject){
setTimeout(function(){
let num = Math.random();//生成一个随机数
console.log(num);
if(num>.5){
resolve('大成功');
}else{
reject('小失败');
}
},2000);
});
p1.then(function(value){
console.log('成功1=',value);
},function(reason){
console.log('失败1=',reason);
});
p1.then(function(value){
console.log('成功2=',value);
},function(reason){
console.log('失败2=',reason);
});
Promimst 函数
- Promise.all
Promise.all 接收一个 promise对象的数组作为参数,当这个数组里的所有promise对象全部变为resolve或reject状态的时候,它才会去调用
.then方法。
function getURL(URL) {
return new Promise(function (resolve, reject) {
var req = new XMLHttpRequest();
req.open('GET', URL, true);
req.onload = function () {
if (req.status === 200) {
resolve(req.responseText);
} else {
reject(new Error(req.statusText));
}
};
req.onerror = function () {
reject(new Error(req.statusText));
};
req.send();
});
}
var request = {
comment: function getComment() {
return getURL('http://azu.github.io/promises-book/json/comment.json').then(JSON.parse);
},
people: function getPeople() {
return getURL('http://azu.github.io/promises-book/json/people.json').then(JSON.parse);
}
};
function main() {
return Promise.all([request.comment(), request.people()]);
}
// 运行示例
main().then(function (value) {
console.log(value);
}).catch(function(error){
console.log(error);
});
- Promise.race
它的使用方法和Promise.all一样,接收一个promise对象数组为参数。
Promise.all在接收到的所有的对象promise都变为FulFilled或者Rejected状态之后才会继续进行后面的处理, 与之相对的是Promise.race只要有一个promise对象进入FulFilled或者Rejected状态的话,就会继续进行后面的处理。
// `delay`毫秒后执行resolve
function timerPromisefy(delay) {
return new Promise(function (resolve) {
setTimeout(function () {
resolve(delay);
}, delay);
});
}
// 任何一个promise变为resolve或reject 的话程序就停止运行
Promise.race([
timerPromisefy(1),
timerPromisefy(32),
timerPromisefy(64),
timerPromisefy(128)
]).then(function (value) {
console.log(value); // => 1
});
Promise常见库
介绍一些第三方实现的和Promise兼容的类库
- 类库
Q实现了 Promises 和 Deferreds 等规范。 它自2009年开始开发,还提供了面向Node.js的文件IO API Q-IO 等, 是一个在很多场景下都能用得到的类库,在angular.js里的promise就是用的q。
//let Q = require('q');
let Q = {
defer(){
let success,error;
return {
resolve(data){
success(data);
},
reject(err){
error(err);
},
promise:{
then(onFulfilled,onRejected){
success = onFulfilled;
error = onRejected;
}
}
}
}
}
let fs = require('fs');
function readFile(filename){
let defer = Q.defer();
fs.readFile(filename,'utf8',function(err,data){
if(err)
defer.reject(err);
else{
defer.resolve(data);
}
});
return defer.promise;
}
readFile('1.txt').then(function(data){
console.log(data);
});
- petkaantonov/bluebird 这个类库除了兼容 Promise 规范之外,还扩展了取消promise对象的运行,取得promise的运行进度,以及错误处理的扩展检测等非常丰富的功能,此外它在实现上还在性能问题下了很大的功夫。
/**
* bluebird是世界最快的promise库
* //它能把任意的通过回调函数实现的异步API换成promiseapi
*/
let Promise = require('bluebird');
let fs = require('fs');
function promisifyAll(obj) {
for (let key in obj) {
if (obj.hasOwnProperty(key) && typeof obj[key] == 'function') {
obj[key+'Async'] = Promise.promisify(obj[key]);
}
}
}
//它会遍历对象上面的所有方法,然后对每个方法添加一个新的方法 Async
promisifyAll(fs);
fs.readFileAsync('./1.txt', 'utf8').then(data => console.log(data));
Q 和 Bluebird 这两个类库除了都能在浏览器里运行之外,充实的API reference也是其特征。