国产成人精品久久免费动漫-国产成人精品天堂-国产成人精品区在线观看-国产成人精品日本-a级毛片无码免费真人-a级毛片毛片免费观看久潮喷

您的位置:首頁(yè)技術(shù)文章
文章詳情頁(yè)

JavaScript中async,await的使用和方法

瀏覽:94日期:2023-12-02 13:06:35
JS中 async函數(shù)和await 關(guān)鍵字

function hellworld() { return '您好!美好世界!';}console.log(hellworld()); // 您好!美好世界!async function asyHellworld() { return '您好!美好世界!';}console.log(asyHellworld()); // Promise { ’您好!美好世界!’ }

普通函數(shù) hellworld 將簡(jiǎn)單地返回字符串 您好!美好世界! ,而 async 函數(shù)將返回 Promise 對(duì)象。

如果需要使用異步函數(shù)返回的值,則需要在它后面添加 .then() 程序塊,如下:

async function asyHellworld() { return '您好!美好世界!';}asyHellworld().then((str) => console.log(str)); // 您好!美好世界!

await 關(guān)鍵字將確保異步函數(shù)的 Promise 將在繼續(xù)執(zhí)行其它可能需要等待值的代碼之前完成并返回結(jié)果。

async function asyHellworld() { return await Promise.resolve('您好!美好世界!');}asyHellworld().then(console.log); // 您好!美好世界!

這段代碼雖然簡(jiǎn)單,但確實(shí)顯示了 await 關(guān)鍵字的用法,以及它應(yīng)該如何在函數(shù)體中使用 Promise 對(duì)象。

接下來(lái)為了讓代碼更容易理解,去掉代碼中的 Promise 語(yǔ)法,如下:

async function asyHellworld() { return '您好!美好世界!';}async function printHello() { const strHello = await asyHellworld(); console.log(strHello);}printHello();

上面這段代碼可以更加直觀的看清楚 async 和 await 的使用。通常 async 和 await 是用來(lái)處理異步操作,是把異步變?yōu)橥降囊环N方法。

async 聲明一個(gè) function 來(lái)表示這個(gè)異步函數(shù),await 用于等待函數(shù)中某個(gè)異步操作執(zhí)行完成。

通過(guò)上面的介紹,對(duì) async 和 await 有一個(gè)初步的認(rèn)識(shí),那么能用來(lái)做什么呢?

await 關(guān)鍵字將確保異步函數(shù)的 Promise 將在繼續(xù)執(zhí)行其它可能需要等待值的代碼之前完成并返回結(jié)果。

因此,在處理AJAX異步請(qǐng)求的時(shí)候,如在VUE項(xiàng)目中,通常處理的方式如下:

login(username, password).then((loginResult) => { // 登錄請(qǐng)求發(fā)出后的處理請(qǐng)求 console.log('登錄成功!');});

而使用 await 就可以這樣來(lái)處理:

const loginResult = await login(username, password);console.log(loginResult);

這里需要注意一點(diǎn),await 要在異步函數(shù)中才能使用,上面代碼是有問(wèn)題,假如是在 store 里面處理的話(huà),就需要改成:

const actions = { async [LOGIN]({ commit }, payload) {const { username, password } = payload;const loginResult = await login(username, password);console.log(loginResult); },};

在這里可以看出,對(duì)于要處理由多個(gè) Promise 組成的 then 鏈的時(shí)候,優(yōu)勢(shì)就能體現(xiàn)出來(lái)了。

還有一個(gè)常用的用途,是實(shí)現(xiàn)程序的暫停,即 sleep 方法,實(shí)現(xiàn)代碼如下:

const sleep = (ms) => { return new Promise((resolve) => setTimeout(resolve, ms));};(async () => { console.log('開(kāi)始執(zhí)行,10秒打印你好'); await sleep(10 * 1000); console.log('你好');})();

到此這篇關(guān)于JavaScript中async,await的使用和方法的文章就介紹到這了,更多相關(guān)Js async和await 內(nèi)容請(qǐng)搜索好吧啦網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持好吧啦網(wǎng)!

標(biāo)簽: JavaScript
主站蜘蛛池模板: 精品免费久久久久久成人影院 | 成人黄页网站 | 宫女淫春 | 亚洲在线视频免费观看 | 亚洲精品一区 | 国产禁女女网站免费看 | 日韩高清欧美 | 国产人做人爱免费视频 | 国产成人啪精品午夜在线观看 | 波多野结衣在线视频免费观看 | 自拍自录videosfree自拍自录 | 一色屋精品亚洲香蕉网站 | 欧美一级毛片免费高清的 | 91久久精品国产91久久性色tv | 一级做a爰片久久毛片16 | 欧美高清日本三级人妇 | 欧美成年视频 | 国产高清一区二区三区 | 欧美一区二区三区久久久人妖 | 日本特黄特色 | 揉揉胸摸腿摸下面va视频 | 欧美国产日本高清不卡 | 中文久久| 日韩欧美国产视频 | 99在线热视频 | 亚洲国产成人久久99精品 | 中文字幕中文字幕在线 | 欧美日韩中文国产一区二区三区 | 男人都懂的网址在线看片 | 国产国产人免费人成成免视频 | 免费国产a理论片 | 国内精品线在线观看 | 一个人看的日本免费视频 | 久草精品免费 | 国产精品人成人免费国产 | 国产欧美视频一区二区三区 | 欧美三级视频在线观看 | 国产成人久久精品一区二区三区 | 国产精品亚洲第五区在线 | 一级毛片免费观看不卡的 | 日韩在线视频观看 |