javascript使用Promise對象實現(xiàn)異步編程
Promise對象是CommonJS工作組為異步編程提供的統(tǒng)一接口，是ECMAScript6中提供了對Promise的原生支持，Promise就是在未來發(fā)生的事情，使用Promise可以避免回調(diào)函數(shù)的層層嵌套，還提供了規(guī)范更加容易的對異步操作進行控制。提供了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();
}
});
這里定義了一個回調(diào)方法function(resolve,reject),如果成功了就調(diào)用resolve,失敗了就會調(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進行網(wǎng)絡(luò)請求
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進行網(wǎng)絡(luò)請求，也可以使用Promise在瀏覽上實現(xiàn)Ajax請求。
相關(guān)文章
這篇文章主要是對JavaScript中的隱式類型轉(zhuǎn)換進行了詳細分析介紹，需要的朋友可以過來參考下，希望對大家有所幫助2013-12-12
JS組件系列之MVVM組件 vue 30分鐘搞定前端增刪改查
這篇文章主要介紹了JS組件系列之MVVM組件 vue 30分鐘搞定前端增刪改查,需要的朋友可以參考下2017-04-04
JS通過識別id、value值對checkbox設(shè)置選中狀態(tài)
最開始需要獲取的是input value值設(shè)置checkbox選中狀態(tài)，由于input value要使用計算業(yè)務(wù)，后來改造為id，這里就為大家分享一下實現(xiàn)代碼,需要的朋友可以參考下2020-02-02
JavaScript實現(xiàn)字符串與日期的互相轉(zhuǎn)換及日期的格式化
這篇文章主要介紹了JavaScript實現(xiàn)字符串與日期的互相轉(zhuǎn)換及日期的格式化的方法,這里格式化使用的是正則表達式來替換日期后進行格式化,需要的朋友可以參考下2016-03-03
JavaScript 高仿真可控彈簧振子實現(xiàn)代碼
我剛學JavaScript ，看見一些牛人寫了許多特效，我也花了一天寫了一個彈簧振子，完全獨創(chuàng)，沒有借鑒任何人的代碼.2009-10-10
TypeScript中Array(數(shù)組)聲明與簡單使用方法
這篇文章主要給大家介紹了關(guān)于TypeScript中Array(數(shù)組)聲明與簡單使用的相關(guān)資料,TypeScript Array(數(shù)組)數(shù)組對象是使用單獨的變量名來存儲一系列的值,文中通過代碼介紹的非常詳細,需要的朋友可以參考下2023-12-12
微信小程序?qū)崿F(xiàn)頁面分享onShareAppMessage
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)頁面分享onShareAppMessage，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-08-08
這篇文章主要介紹了JavaScript前端倒計時不準的原因,包括單線程陷阱、節(jié)能模式和設(shè)備時間干擾,提出了六大精準計時方案,最后,總結(jié)了構(gòu)建高精度倒計時的最佳實踐,包括復(fù)合型校準策略、誤差監(jiān)控與告警和用戶體驗優(yōu)化,需要的朋友可以參考下2025-05-05
ECharts 是一個使用JavaScript實現(xiàn)的開源可視化庫，涵蓋各行業(yè)圖表，滿足各種需求。這篇文章介紹了ECharts的基礎(chǔ)知識，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2022-06-06
這篇文章主要介紹了通過實例解析json與jsonp原理及使用方法,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2020-09-09