首頁 > web前端 > js教程 > 主體

javascript使用Promise物件實作非同步程式設計_javascript技巧

WBOY
發布: 2016-05-16 15:12:35
原創
1160 人瀏覽過

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請求。

代碼位址:https://github.com/jjz/node

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板