JavaScript中使用Promise对象进行异步编程

作者:代码拾荒时间:2026-10-29 22:38:56浏览:127

本文介绍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

作者最新文章