js 解決異步操作回調(diào)地獄常用的方法

cuieney 發(fā)布于2019-08-23 14:57 / 667人閱讀

摘要：查找一個(gè)班的學(xué)生，再查找每個(gè)學(xué)生參加的課程為請(qǐng)求成功的回調(diào)函數(shù)具體查找的這里不再舉例查找學(xué)生異步方法查找每個(gè)學(xué)生參加的課程異步方法由以上分析可知需要等查找學(xué)生的請(qǐng)求返回后才能根據(jù)學(xué)生查找每個(gè)學(xué)生的課程，以下為不同的解決方法得到每個(gè)學(xué)生的課程

查找一個(gè)班的學(xué)生，再查找每個(gè)學(xué)生參加的課程

// callback為請(qǐng)求成功的回調(diào)函數(shù)
// 具體查找的api這里不再舉例

查找學(xué)生異步方法 getStu(callback);
查找每個(gè)學(xué)生參加的課程異步方法 getCourse(callback);

由以上分析可知需要等查找學(xué)生的請(qǐng)求返回后才能根據(jù)學(xué)生id查找每個(gè)學(xué)生的課程，以下為不同的解決方法

Promise

let getStuPromise = new Promise((resolve,reject)=>{
    getStu(function(res){
        resolve(res.data);
    });
});
getStuPromise.then((data)=>{
    // 得到每個(gè)學(xué)生的課程
    getCourse();
    // 還可以繼續(xù)返回promise 對(duì)象
});

Generator

function *generatorGetStu(){
    let stus = yield getStu();
    // 等到getStu異步執(zhí)行完才會(huì)執(zhí)行g(shù)etCourse
    let course = yield getCourse();
}

async

async getEveryCourse(){
    let stus = await getStu();
    // 等到getStu異步執(zhí)行完才會(huì)執(zhí)行g(shù)etCourse
    let course = await getCourse();
}

GPU云服務(wù)器云服務(wù)器 js中的異步操作異步加載js的方法 js 異步回調(diào) 返回?cái)?shù)據(jù) js 異步解決方案

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://specialneedsforspecialkids.com/yun/101392.html

相關(guān)文章

ES6-7

摘要：的翻譯文檔由的維護(hù)很多人說(shuō)，阮老師已經(jīng)有一本關(guān)于的書(shū)了入門(mén)，覺(jué)得看看這本書(shū)就足夠了。前端的異步解決方案之和異步編程模式在前端開(kāi)發(fā)過(guò)程中，顯得越來(lái)越重要。為了讓編程更美好，我們就需要引入來(lái)降低異步編程的復(fù)雜性。 JavaScript Promise 迷你書(shū)（中文版）超詳細(xì)介紹promise的gitbook，看完再不會(huì)promise...... 本書(shū)的目的是以目前還在制定中的ECMASc...

mudiyouyou 2019-08-21 18:40 評(píng)論0 收藏0
【翻譯】關(guān)于回調(diào)地獄

摘要：回調(diào)地獄異步程序書(shū)寫(xiě)指南什么是回調(diào)地獄我們很難一眼就看懂異步，或者是使用回調(diào)函數(shù)的程序。通常回調(diào)函數(shù)會(huì)用在下載文件讀取文件或者數(shù)據(jù)庫(kù)相關(guān)事務(wù)等。注意還沒(méi)有被調(diào)用，它只是被創(chuàng)建然后最為回調(diào)函數(shù)傳入。回調(diào)地獄 JavaScript異步程序書(shū)寫(xiě)指南什么是回調(diào)地獄？我們很難一眼就看懂異步JavaScript，或者是使用回調(diào)函數(shù)的JavaScript程序。例如下面這段代碼： fs.read...

Betta 2019-08-20 16:58 評(píng)論0 收藏0
JS前端面試總結(jié)

摘要：春招季如何橫掃面試核心考點(diǎn)基礎(chǔ)版前端面試之路二基礎(chǔ)整理的繼承和的繼承有什么區(qū)別的繼承時(shí)通過(guò)或構(gòu)造函數(shù)機(jī)制來(lái)實(shí)現(xiàn)。作用創(chuàng)建私有變量，減少全局變量，防止變量名污染。異步瀏覽器訪問(wèn)服務(wù)器請(qǐng)求，用戶正常操作，瀏覽器后端進(jìn)行請(qǐng)求。春招季如何橫掃 Javascript 面試核心考點(diǎn)(基礎(chǔ)版)？前端面試之路二(javaScript基礎(chǔ)整理) ES5的繼承和ES6的繼承有什么區(qū)別 ES5的繼承時(shí)通過(guò)...

ThinkSNS 2019-08-23 15:05 評(píng)論0 收藏0
細(xì)說(shuō)JS異步發(fā)展歷程

摘要：參考文章珠峰架構(gòu)課墻裂推薦細(xì)說(shuō)異步函數(shù)發(fā)展歷程異步編程謝謝各位小伙伴愿意花費(fèi)寶貴的時(shí)間閱讀本文，如果本文給了您一點(diǎn)幫助或者是啟發(fā)，請(qǐng)不要吝嗇你的贊和，您的肯定是我前進(jìn)的最大動(dòng)力。知其然知其所以然，首先了解三個(gè)概念： 1.什么是同步？所謂同步，就是在發(fā)出一個(gè)調(diào)用時(shí)，在沒(méi)有得到結(jié)果之前，該調(diào)用就不返回。但是一旦調(diào)用返回，就得到返回值了。換句話說(shuō)，就是由調(diào)用者主動(dòng)等待這個(gè)調(diào)用的結(jié)果。此調(diào)...

RiverLi 2019-08-26 13:53 評(píng)論0 收藏0
細(xì)說(shuō)JS異步發(fā)展歷程

摘要：換句話說(shuō)，當(dāng)一個(gè)異步過(guò)程調(diào)用發(fā)出后，調(diào)用者不會(huì)立刻得到結(jié)果。參考文章珠峰架構(gòu)課墻裂推薦細(xì)說(shuō)異步函數(shù)發(fā)展歷程異步編程謝謝各位小伙伴愿意花費(fèi)寶貴的時(shí)間閱讀本文，如果本文給了您一點(diǎn)幫助或者是啟發(fā)，請(qǐng)不要吝嗇你的贊和，您的肯定是我前進(jìn)的最大動(dòng)力。知其然知其所以然，首先了解三個(gè)概念： 1.什么是同步？所謂同步，就是在發(fā)出一個(gè)調(diào)用時(shí)，在沒(méi)有得到結(jié)果之前，該調(diào)用就不返回。但是一旦調(diào)用返回，就得到返回值了...

Alfred 2019-05-23 12:19 評(píng)論0 收藏0