首頁(yè) 猿問(wèn) async和await在生命周期中...

async和await在生命周期中為什么沒(méi)起作用？

JavaScript

紫衣仙女 2019-04-27 22:14:43

我想等created結(jié)束再執(zhí)行mounted所以用了async和await但是發(fā)現(xiàn)這樣好像沒(méi)有起作用這是為什么？created(){this.test()},mounted(){console.log(2)},methods:{test2(){returnnewPromise((resolve,reject)=>{setTimeout(()=>{console.log(1)resolve()},200)})},asynctest(){awaitthis.test2()}}

查看完整描述

2 回答

一只斗牛犬

TA貢獻(xiàn)1784條經(jīng)驗(yàn) 獲得超2個(gè)贊

mounted本來(lái)就是在created結(jié)束之后執(zhí)行的。async函數(shù)不會(huì)中斷JavaScript的執(zhí)行，而是將await的函數(shù)放入任務(wù)隊(duì)列中。mounted中console.log(2)是同步的，會(huì)先被執(zhí)行（具體需要了解任務(wù)隊(duì)列和Vue生命周期）如果你要確保console.log(2)要在之后執(zhí)行，建議你在mounted或created中用this.test().then(()=>console.log(2))

反對(duì) 回復(fù) 2019-04-27

翻翻過(guò)去那場(chǎng)雪

TA貢獻(xiàn)2065條經(jīng)驗(yàn) 獲得超14個(gè)贊

按照我的理解，asyn函數(shù)的外部調(diào)用asyn函數(shù)的時(shí)候，不會(huì)被其內(nèi)部的await阻塞，也就是說(shuō)created方法不會(huì)因?yàn)閠est內(nèi)部的await而等待，created早就執(zhí)行完了，test內(nèi)部還在await沒(méi)有返回，created應(yīng)該用then去接收test的返回值undefined。你應(yīng)該是想用await來(lái)阻塞javascript執(zhí)行，其實(shí)這是行不通的，await其實(shí)不會(huì)阻塞任何（非asyn）方法執(zhí)行，本質(zhì)上await也不能阻塞asyn函數(shù)的執(zhí)行。created不是asyn函數(shù)，不可能等待或者阻塞。

反對(duì) 回復(fù) 2019-04-27