您好,登錄后才能下訂單哦!
本篇內(nèi)容介紹了“js如何獲取異步函數(shù)數(shù)據(jù)”的有關(guān)知識,在實際案例的操作過程中,不少人都會遇到這樣的困境,接下來就讓小編帶領(lǐng)大家學習一下如何處理這些情況吧!希望大家仔細閱讀,能夠?qū)W有所成!
一般正常情況下,js中的函數(shù)是一個一個地按照順序來完成的。但是異步函數(shù)可以改變執(zhí)行順序。不過異步任務必須在同步任務執(zhí)行結(jié)束之后,從任務隊列中依次取出執(zhí)行。
常見的異步函數(shù)一共有四類:
回調(diào)函數(shù)
promise函數(shù)
Generator函數(shù)
async/await函數(shù)
回調(diào)函數(shù)一般是作為某個函數(shù)的入?yún)?,然后在函?shù)內(nèi)部執(zhí)行這個回調(diào)函數(shù)。常見的回調(diào)函數(shù)有ajax,setTimeouut定時器類,dom事件回調(diào)等。
testA(cb) { cb(); } setTimeout(() => { console.log('這是一個回調(diào)函數(shù)') }, 100)
缺點: 不能try catch捕獲錯誤, 不能直接return。
promise函數(shù)是一種特殊的異步函數(shù),里面包含三種狀態(tài):pending、fulfilled(resolved)、rejected。pending是promise的初始狀態(tài),resolved表示執(zhí)行完成且成功的狀態(tài),rejected表示執(zhí)行完成且失敗的狀態(tài)。三個狀態(tài)不可逆轉(zhuǎn)。
Promise本身是同步,then的內(nèi)容是異步:
let promiseFunc = new Promise((resolve, reject) => { // 執(zhí)行同步代碼 resolve(); }).then((res) => { console.log(res) },(err) => { console.log(err); })
Generator 是一個可以暫停執(zhí)行(分段執(zhí)行)的函數(shù),函數(shù)名前面要加星號,是一個狀態(tài)機,封裝了多個內(nèi)部狀態(tài)。
function *myTest() { yield 'I', yield 'am', yield 'queen' }
async修飾符加在函數(shù)前面,返回一個promise,可以使用then添加回調(diào)函數(shù)。 await后跟著一個promise或者一個原始類型的值(會自動轉(zhuǎn)成立即 resolved 的 Promise 對象),等待resolve的結(jié)果。任何一個await后的Promise發(fā)生reject,整個aysnc都會中斷,需要try{}catch(err){}來捕獲錯誤。
async function myTest() { let val = await new Promise((resolve) => { resolve(1) }); }
獲取異步函數(shù)的數(shù)據(jù)一般分為三種:回調(diào)函數(shù),promise和async和await
回調(diào)函數(shù)的這種很簡單,就是直接將數(shù)據(jù)傳進回調(diào)函數(shù)里作為入?yún)⒓纯伞?/p>
function getData(cb) { let val = 'a'; cb(val); } getData((data) => { console.log(data); // 'a' })
使用promise來處理異步,主要就是利用resolve成功的回調(diào)函數(shù),reject失敗的回調(diào)函數(shù)。
let promiseFunc = new Promise((resolve, reject) => { let n = Math.random(); if (n >= 0.7) { resolve(n); } else { reject(`${n}小于0.7`) } }); promiseFunc.then((data) => { console.log(data); // 0.3小于0.7 })
async: 把函數(shù)變成異步函數(shù)。wait是等待異步函數(shù)執(zhí)行完成。其中await一定要寫在async里面
async function myTest() { return '我是測試數(shù)據(jù)' }; async function getData() { let val = await myTest(); console.log(val); // 我是測試數(shù)據(jù) }
“js如何獲取異步函數(shù)數(shù)據(jù)”的內(nèi)容就介紹到這里了,感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識可以關(guān)注億速云網(wǎng)站,小編將為大家輸出更多高質(zhì)量的實用文章!
免責聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。