当前位置:Gxlcms > JavaScript > javascript使用Promise对象实现异步编程

javascript使用Promise对象实现异步编程

时间:2021-07-01 10:21:17 帮助过:4人阅读

Promise对象是CommonJS工作组为异步编程提供的统一接口,是ECMAScript6中提供了对Promise的原生支持,Promise就是在未来发生的事情,使用Promise可以避免回调函数的层层嵌套,还提供了规范更加容易的对异步操作进行控制。提供了reject,resolve,then和catch等方法。

使用PROMISE

Promise是ES6之后原生的对象,我们只需要实例化Promise对象就可以直接使用。
实例化Promise:

  1. var promise = new Promise(function (resolve, reject) {
  2. console.log('begin do something');
  3. if (Math.random() * 10.0 > 5) {
  4. console.log(" run success");
  5. resolve();
  6. } else {
  7. console.log(" run failed");
  8. reject();
  9. }
  10. });

这里定义了一个回调方法function(resolve,reject),如果成功了就调用resolve,失败了就会调用reject。
Promise.prototype.then是Promise执行完之后的回调,可以用then方法分别指定resolve和reject的回调。

  1. promise.then(function () {
  2. console.log(' resolve from promise');
  3. }, function () {
  4. console.log(' reject from promise');
  5. });

执行结果一:

  1. begin do something
  2. run success
  3. resolve from promise

执行结果二:

  1. begin do something
  2. run failed
  3. reject from promise

使用PROMISE进行网络请求

  1. getRequest = function (url) {
  2. var promise = new Promise(function (resolve, reject) {
  3. var request = require('request');
  4. request(url, function (error, respones, body) {
  5. if (error) {
  6. reject(error);
  7. return;
  8. }
  9. if (respones.statusCode == 200) {
  10. resolve(body)
  11. } else {
  12. reject(respones.status);
  13. }
  14. });
  15. });
  16. return promise;
  17. };
  18. getRequest("https://github.com/").then(function (result) {
  19. console.log(result);
  20. }, function (error) {
  21. console.error('error', error);
  22. });

使用Promise进行网络请求,也可以使用Promise在浏览上实现Ajax请求。

代码地址:https://github.com/jjz/node

人气教程排行