javascript使用Promise对象实现异步编程
Promise对象是CommonJS工作组为异步编程提供的统一接口,是ECMAScript6中提供了对Promise的原生支持,Promise就是在未来发生的事情,使用Promise可以避免回调函数的层层嵌套,还提供了规范更加容易的对异步操作进行控制。提供了reject,resolve,then和catch等方法。
使用PROMISE
Promise是ES6之后原生的对象,我们只需要实例化Promise对象就可以直接使用。
实例化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进行网络请求
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请求。
相关文章
JS组件系列之MVVM组件 vue 30分钟搞定前端增删改查
这篇文章主要介绍了JS组件系列之MVVM组件 vue 30分钟搞定前端增删改查,需要的朋友可以参考下2017-04-04
JS通过识别id、value值对checkbox设置选中状态
最开始需要获取的是input value值设置checkbox选中状态,由于input value要使用计算业务,后来改造为id,这里就为大家分享一下实现代码,需要的朋友可以参考下2020-02-02
JavaScript实现字符串与日期的互相转换及日期的格式化
这篇文章主要介绍了JavaScript实现字符串与日期的互相转换及日期的格式化的方法,这里格式化使用的是正则表达式来替换日期后进行格式化,需要的朋友可以参考下2016-03-03


最新评论