javascript使用Promise對(duì)象實(shí)現(xiàn)異步編程
Promise對(duì)象是CommonJS工作組為異步編程提供的統(tǒng)一接口，是ECMAScript6中提供了對(duì)Promise的原生支持，Promise就是在未來發(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)求。
相關(guān)文章
這篇文章主要是對(duì)JavaScript中的隱式類型轉(zhuǎn)換進(jìn)行了詳細(xì)分析介紹，需要的朋友可以過來參考下，希望對(duì)大家有所幫助2013-12-12
JS組件系列之MVVM組件 vue 30分鐘搞定前端增刪改查
這篇文章主要介紹了JS組件系列之MVVM組件 vue 30分鐘搞定前端增刪改查,需要的朋友可以參考下2017-04-04
JS通過識(shí)別id、value值對(duì)checkbox設(shè)置選中狀態(tài)
最開始需要獲取的是input value值設(shè)置checkbox選中狀態(tài)，由于input value要使用計(jì)算業(yè)務(wù)，后來改造為id，這里就為大家分享一下實(shí)現(xiàn)代碼,需要的朋友可以參考下2020-02-02
JavaScript實(shí)現(xiàn)字符串與日期的互相轉(zhuǎn)換及日期的格式化
這篇文章主要介紹了JavaScript實(shí)現(xiàn)字符串與日期的互相轉(zhuǎn)換及日期的格式化的方法,這里格式化使用的是正則表達(dá)式來替換日期后進(jìn)行格式化,需要的朋友可以參考下2016-03-03
JavaScript 高仿真可控彈簧振子實(shí)現(xiàn)代碼
我剛學(xué)JavaScript ，看見一些牛人寫了許多特效，我也花了一天寫了一個(gè)彈簧振子，完全獨(dú)創(chuàng)，沒有借鑒任何人的代碼.2009-10-10
TypeScript中Array(數(shù)組)聲明與簡單使用方法
這篇文章主要給大家介紹了關(guān)于TypeScript中Array(數(shù)組)聲明與簡單使用的相關(guān)資料,TypeScript Array(數(shù)組)數(shù)組對(duì)象是使用單獨(dú)的變量名來存儲(chǔ)一系列的值,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-12-12
微信小程序?qū)崿F(xiàn)頁面分享onShareAppMessage
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)頁面分享onShareAppMessage，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(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 是一個(gè)使用JavaScript實(shí)現(xiàn)的開源可視化庫，涵蓋各行業(yè)圖表，滿足各種需求。這篇文章介紹了ECharts的基礎(chǔ)知識(shí)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-06-06
這篇文章主要介紹了通過實(shí)例解析json與jsonp原理及使用方法,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-09-09