本文介绍JavaScript中Promise对象的用法,涵盖ES6原生支持、实例化、then/catch方法以及基于Promise的Ajax网络请求实现,帮助开发者避免回调地狱,规范控制异步流程。
Promise对象基础
Promise对象是CommonJS工作组为异步编程提供的统一接口,ES6中提供了对Promise的原生支持。Promise代表未来发生的事情,使用它可以避免回调函数的层层嵌套,并提供更规范的异步操作控制方式,包括reject、resolve、then和catch等方法。
使用Promise
Promise是ES6之后原生的对象,只需实例化Promise对象即可直接使用。
var promise = new Promise(function (resolve, reject) {
console.log('begin do something');
if (Math.random() * 10.0 > 5) {
console.log(" run success");
resolve();
} else {
console.log(" run failed");
reject();
}
});
这里定义了一个回调方法function(resolve,reject),如果成功就调用resolve,失败则调用reject。Promise.prototype.then是Promise执行完之后的回调,可以用then方法分别指定resolve和reject的回调。
promise.then(function () {
console.log(' resolve from promise');
}, function () {
console.log(' reject from promise');
});
执行结果一:
begin do something
run success
resolve from promise
执行结果二:
begin do something
run failed
reject from promise
Promise在网络请求中的应用
使用Promise进行网络请求
getRequest = function (url) {
var promise = new Promise(function (resolve, reject) {
var request = require('request');
request(url, function (error, respones, body) {
if (error) {
reject(error);
return;
}
if (respones.statusCode == 200) {
resolve(body)
} else {
reject(respones.status);
}
});
});
return promise;
};
getRequest("https://github.com/").then(function (result) {
console.log(result);
}, function (error) {
console.error('error', error);
});
使用Promise进行网络请求,也可以使用Promise在浏览器上实现Ajax请求。
代码地址:https://github.com/jjz/node