本文主要介紹js異步編程技巧詳細(xì)視頻(js異步編程技巧詳細(xì)教程),下面一起看看js異步編程技巧詳細(xì)視頻(js異步編程技巧詳細(xì)教程)相關(guān)資訊。
異步回調(diào)是js的一大特色。通過(guò)很好地理解和使用這個(gè)特性,您可以編寫(xiě)高質(zhì)量的代碼。分享一些實(shí)用的異步編程技巧。
1.我們的一些應(yīng)用環(huán)境需要等待兩個(gè)http請(qǐng)求或者io操作的返回,以進(jìn)行后續(xù)的邏輯處理。在這種情況下,使用回調(diào)嵌套代碼將很難維護(hù),并且沒(méi)有充分利用js的異步優(yōu)勢(shì)。
看例子(jq作為例子是為了容易理解)
$.獲取( 獲取數(shù)據(jù)1.html ,函數(shù)(數(shù)據(jù),狀態(tài)){$。獲取( 獲取數(shù)據(jù)2.html ,函數(shù)(data1,status 1){//使用數(shù)據(jù)和data1邏輯});});這類(lèi)代碼顯然需要等待最后一個(gè)ajax請(qǐng)求返回后再進(jìn)行第二個(gè)請(qǐng)求,效率低下,回調(diào)嵌入也不利于邏輯。我們可以使用counter的,當(dāng)counter等于2時(shí),通過(guò)對(duì)每個(gè)請(qǐng)求在counter上加1來(lái)執(zhí)行回調(diào)邏輯。
var get _ datavarget-data1 function next{/使用數(shù)據(jù)和data1邏輯}$。獲取( 獲取data1.html ,function (data,status){ get _ data = data(over = = = all)(next);});$.獲取( 獲取數(shù)據(jù)2.html ,function (data1,status 1){ get _ data1 = data1(over = = all)(next);});這樣并行發(fā)送兩個(gè)http,大大提高了效率。
標(biāo)簽:
邏輯數(shù)據(jù)采集回調(diào)
了解更多js異步編程技巧詳細(xì)視頻(js異步編程技巧詳細(xì)教程)相關(guān)內(nèi)容請(qǐng)關(guān)注本站點(diǎn)。