async/await異步處理

封裝數(shù)據(jù)請(qǐng)求方法怔昨,這里的async await可以將異步順序把代碼執(zhí)行順序從上往下執(zhí)行挫酿,函數(shù)執(zhí)行時(shí),一旦遇到await就會(huì)返回芯义。等到觸發(fā)的異步操作完成(并且調(diào)用棧清空)哈垢,再接著執(zhí)行函數(shù)體內(nèi)后面的語(yǔ)句。

acync function fn () {
  try {
    let data = await api('請(qǐng)求數(shù)據(jù)')//api為封裝的異步請(qǐng)求方法
    console.log(data)
  } catch (e) {
    console.error(e)
  }
}

export const api = async (reqUrl, options) => new Promise((resolve, reject) => {
  let token = uni.getStorageSync('token')
  options = options || {}
  let url2 = url
  try {
    uni.request({
      url: url2 + reqUrl,
      method: options.method || 'GET',
      data: options.data,
      header: {
        token,
        ...options.header
      },
      success: ({data, statusCode}) => {
        if (statusCode !== 200 && statusCode !== 304) {
          console.log(statusCode)
          let msg = '請(qǐng)求出錯(cuò)'
          // 記錄日志
          reject(msg)
        }
        let {code, data: res, desc} = data
        if (code === '0') {
          if (typeof res === 'string') {
            // 記錄日志
            resolve(JSON.parse(res))
          } else {
            // 記錄日志
            resolve(res)
          }
        } else if (code === '-2') {
          // 記錄日志
          // 無(wú)效token
          uni.removeStorageSync('token')
          uni.redirectTo('/pages/auth/auth')//?tokenErr=true
        } else if (code === '-3') {
          // 記錄日志
          reject(new Error(code))
        } else {
          // 記錄日志
          reject(desc)
        }
      },
      fail: err => {
        // 記錄日志
        reject(err)
      }
    })
  } catch (e) {
    reject(e)
  }
})

眾所周知async/await是ES6 Generator 函數(shù)延展扛拨,基于Generator語(yǔ)法糖而實(shí)現(xiàn)的耘分。而async函數(shù),就是將generator函數(shù)的*換成async,將yield替換成await求泰。

function* g() {
    var o = 1
    yield o++;
    var kk = yield o++;
    console.log(kk,'被賦值的kk')
    yield o++;
    return 'ending';
}
var gen = g()
g(); // 返回一個(gè)對(duì)象 并不會(huì)執(zhí)行
gen.next()//執(zhí)行并返回第一個(gè)值a
gen.next(22)// kk = undefined
gen.next(33)//執(zhí)行并第二個(gè)值賦值kk = 33

Generator 函數(shù)必須有next才會(huì)觸發(fā)央渣,不然不會(huì)繼續(xù)執(zhí)行
在這里yield與return的區(qū)別異同點(diǎn)在于,都會(huì)返回值渴频,但是return會(huì)直接終止函數(shù)芽丹,而yield會(huì)迭代繼承上次的值,如果在next里面?zhèn)鲄⑼鞯敲磿?huì)重置上一個(gè)yield的值并返回
注意:yield語(yǔ)句只能用于function的作用域,如果function的內(nèi)部還定義了其他的普通函數(shù)暖庄,則函數(shù)內(nèi)部不允許使用yield語(yǔ)句聊替。

function* foo1() {
    yield 'a';
    yield 'b';
}
function* foo2() {
    yield 'c';
    yield* foo1();
    yield 'd';
}
var gn = foo2()
gn.next()//c
gn.next()//a
gn.next()//b

Generator.prototype.return()
Generator除了next還有個(gè)return,這個(gè)是直接終止Generator并返回

function* gen() {
  yield 1;
  yield 2;
  yield 3;
}

var g = gen();

console.log(g.next());        // { value: 1, done: false }
console.log(g.return('foo')); // { value: "foo", done: true }
console.log(g.next());        // {value: undefined, done: true}
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末培廓,一起剝皮案震驚了整個(gè)濱河市惹悄,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌肩钠,老刑警劉巖泣港,帶你破解...
    沈念sama閱讀 217,657評(píng)論 6 505
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異价匠,居然都是意外死亡当纱,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,889評(píng)論 3 394
  • 文/潘曉璐 我一進(jìn)店門踩窖,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)坡氯,“玉大人,你說(shuō)我怎么就攤上這事洋腮◇锪” “怎么了?”我有些...
    開(kāi)封第一講書人閱讀 164,057評(píng)論 0 354
  • 文/不壞的土叔 我叫張陵啥供,是天一觀的道長(zhǎng)悯恍。 經(jīng)常有香客問(wèn)我,道長(zhǎng)伙狐,這世上最難降的妖魔是什么涮毫? 我笑而不...
    開(kāi)封第一講書人閱讀 58,509評(píng)論 1 293
  • 正文 為了忘掉前任,我火速辦了婚禮贷屎,結(jié)果婚禮上窒百,老公的妹妹穿的比我還像新娘。我一直安慰自己豫尽,他們只是感情好篙梢,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,562評(píng)論 6 392
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著美旧,像睡著了一般渤滞。 火紅的嫁衣襯著肌膚如雪贬墩。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書人閱讀 51,443評(píng)論 1 302
  • 那天妄呕,我揣著相機(jī)與錄音陶舞,去河邊找鬼。 笑死绪励,一個(gè)胖子當(dāng)著我的面吹牛肿孵,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播疏魏,決...
    沈念sama閱讀 40,251評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼停做,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了大莫?” 一聲冷哼從身側(cè)響起蛉腌,我...
    開(kāi)封第一講書人閱讀 39,129評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎只厘,沒(méi)想到半個(gè)月后烙丛,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,561評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡羔味,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,779評(píng)論 3 335
  • 正文 我和宋清朗相戀三年河咽,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片赋元。...
    茶點(diǎn)故事閱讀 39,902評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡库北,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出们陆,到底是詐尸還是另有隱情寒瓦,我是刑警寧澤,帶...
    沈念sama閱讀 35,621評(píng)論 5 345
  • 正文 年R本政府宣布坪仇,位于F島的核電站杂腰,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏椅文。R本人自食惡果不足惜喂很,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,220評(píng)論 3 328
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望皆刺。 院中可真熱鬧少辣,春花似錦、人聲如沸羡蛾。這莊子的主人今日做“春日...
    開(kāi)封第一講書人閱讀 31,838評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至忙干,卻和暖如春器予,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背捐迫。 一陣腳步聲響...
    開(kāi)封第一講書人閱讀 32,971評(píng)論 1 269
  • 我被黑心中介騙來(lái)泰國(guó)打工乾翔, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人施戴。 一個(gè)月前我還...
    沈念sama閱讀 48,025評(píng)論 2 370
  • 正文 我出身青樓反浓,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親赞哗。 傳聞我的和親對(duì)象是個(gè)殘疾皇子雷则,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,843評(píng)論 2 354

推薦閱讀更多精彩內(nèi)容

  • async...awaitasync:表示函數(shù)中包含有異步操作await:表示其后面跟著的是一個(gè)異步操作,所有異步...
    Gino_Li閱讀 458評(píng)論 0 0
  • async用法(作為關(guān)鍵字放到函數(shù)前面) 調(diào)用timeout函數(shù)會(huì)返回一個(gè)promise對(duì)象。 看下打印結(jié)果 as...
    nomooo閱讀 323評(píng)論 0 0
  • 業(yè)務(wù)需求:就是首先先進(jìn)行一個(gè)ajax請(qǐng)求懈玻,然后再進(jìn)行下一個(gè)ajax請(qǐng)求巧婶,而下一個(gè)請(qǐng)求需要使用上一個(gè)請(qǐng)求得到的數(shù)據(jù)乾颁,...
    Do_Du閱讀 214評(píng)論 0 0
  • 當(dāng)我還在使用promise來(lái)發(fā)送異步請(qǐng)求的時(shí)候涂乌,部門前端大佬已經(jīng)改用async/ await了,代碼很簡(jiǎn)潔英岭,同時(shí)a...
    dingFY閱讀 316評(píng)論 0 1
  • 異步函數(shù)的理解 關(guān)鍵詞:異步,函數(shù)名當(dāng)參數(shù)傳遞,async/await 異步函數(shù):需要時(shí)間去處理它,這個(gè)時(shí)間可能時(shí)...
    黃雨晴閱讀 1,580評(píng)論 0 2