快捷導(dǎo)航

javascript使用Promise對(duì)象實(shí)現(xiàn)異步編程

更新時(shí)間：2016年03月01日 11:59:17 投稿：hebedich

這篇文章主要介紹了javascript使用Promise對(duì)象實(shí)現(xiàn)異步編程的相關(guān)資料,需要的朋友可以參考下

Promise對(duì)象是CommonJS工作組為異步編程提供的統(tǒng)一接口，是ECMAScript6中提供了對(duì)Promise的原生支持，Promise就是在未來(lái)發(fā)生的事情，使用Promise可以避免回調(diào)函數(shù)的層層嵌套，還提供了規(guī)范更加容易的對(duì)異步操作進(jìn)行控制。提供了reject,resolve,then和catch等方法。

使用PROMISE

Promise是ES6之后原生的對(duì)象，我們只需要實(shí)例化Promise對(duì)象就可以直接使用。
實(shí)例化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();

  }
});

這里定義了一個(gè)回調(diào)方法function(resolve,reject),如果成功了就調(diào)用resolve,失敗了就會(huì)調(diào)用reject。
Promise.prototype.then是Promise執(zhí)行完之后的回調(diào)，可以用then方法分別指定resolve和reject的回調(diào)。

promise.then(function () {
  console.log(' resolve from promise');
}, function () {
  console.log(' reject from promise');
});

執(zhí)行結(jié)果一:

begin do something
 run success
 resolve from promise

執(zhí)行結(jié)果二:

begin do something
 run failed
 reject from promise

使用PROMISE進(jìn)行網(wǎng)絡(luò)請(qǐng)求

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進(jìn)行網(wǎng)絡(luò)請(qǐng)求，也可以使用Promise在瀏覽上實(shí)現(xiàn)Ajax請(qǐng)求。

代碼地址：https://github.com/jjz/node

您可能感興趣的文章:

相關(guān)文章

淺析JavaScript中的隱式類型轉(zhuǎn)換
這篇文章主要是對(duì)JavaScript中的隱式類型轉(zhuǎn)換進(jìn)行了詳細(xì)分析介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助
2013-12-12
JS組件系列之MVVM組件 vue 30分鐘搞定前端增刪改查
這篇文章主要介紹了JS組件系列之MVVM組件 vue 30分鐘搞定前端增刪改查,需要的朋友可以參考下
2017-04-04
JS通過(guò)識(shí)別id、value值對(duì)checkbox設(shè)置選中狀態(tài)
最開(kāi)始需要獲取的是input value值設(shè)置checkbox選中狀態(tài)，由于input value要使用計(jì)算業(yè)務(wù)，后來(lái)改造為id，這里就為大家分享一下實(shí)現(xiàn)代碼,需要的朋友可以參考下
2020-02-02
JavaScript實(shí)現(xiàn)字符串與日期的互相轉(zhuǎn)換及日期的格式化
這篇文章主要介紹了JavaScript實(shí)現(xiàn)字符串與日期的互相轉(zhuǎn)換及日期的格式化的方法,這里格式化使用的是正則表達(dá)式來(lái)替換日期后進(jìn)行格式化,需要的朋友可以參考下
2016-03-03
JavaScript 高仿真可控彈簧振子實(shí)現(xiàn)代碼
我剛學(xué)JavaScript ，看見(jiàn)一些牛人寫了許多特效，我也花了一天寫了一個(gè)彈簧振子，完全獨(dú)創(chuàng)，沒(méi)有借鑒任何人的代碼.
2009-10-10
TypeScript中Array(數(shù)組)聲明與簡(jiǎn)單使用方法
這篇文章主要給大家介紹了關(guān)于TypeScript中Array(數(shù)組)聲明與簡(jiǎn)單使用的相關(guān)資料,TypeScript Array(數(shù)組)數(shù)組對(duì)象是使用單獨(dú)的變量名來(lái)存儲(chǔ)一系列的值,文中通過(guò)代碼介紹的非常詳細(xì),需要的朋友可以參考下
2023-12-12
微信小程序?qū)崿F(xiàn)頁(yè)面分享onShareAppMessage
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)頁(yè)面分享onShareAppMessage，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2019-08-08
JS前端實(shí)現(xiàn)倒計(jì)時(shí)存在誤差的原因及解決方案
這篇文章主要介紹了JavaScript前端倒計(jì)時(shí)不準(zhǔn)的原因,包括單線程陷阱、節(jié)能模式和設(shè)備時(shí)間干擾,提出了六大精準(zhǔn)計(jì)時(shí)方案,最后,總結(jié)了構(gòu)建高精度倒計(jì)時(shí)的最佳實(shí)踐,包括復(fù)合型校準(zhǔn)策略、誤差監(jiān)控與告警和用戶體驗(yàn)優(yōu)化,需要的朋友可以參考下
2025-05-05
ECharts入門教程
ECharts 是一個(gè)使用JavaScript實(shí)現(xiàn)的開(kāi)源可視化庫(kù)，涵蓋各行業(yè)圖表，滿足各種需求。這篇文章介紹了ECharts的基礎(chǔ)知識(shí)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2022-06-06
通過(guò)實(shí)例解析json與jsonp原理及使用方法
這篇文章主要介紹了通過(guò)實(shí)例解析json與jsonp原理及使用方法,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
2020-09-09