不同js異步函數(shù)同步的實(shí)現(xiàn)方法
更新時(shí)間：2016年05月28日 14:37:34 投稿：jingxian
下面小編就為大家?guī)硪黄煌琷s異步函數(shù)同步的實(shí)現(xiàn)方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
不同函數(shù)達(dá)到同步的函數(shù)模擬
funcList是函數(shù)執(zhí)行函數(shù)的隊(duì)列，其中回調(diào)函數(shù)中flag=true是同步標(biāo)記量
<script>
var flag = false;
function funcTest(t,func){
setTimeout(function(){
(function(param){
console.log(param);
func();
}(t));
},t*1000);
}
var funcList = [];
funcList.push(function(){funcTest(4,function(){
flag = true;//同步標(biāo)記量
})});//不同的異步函數(shù)添加進(jìn)隊(duì)列
funcList.push(function(){funcTest(3,function(){
flag = true;
})});//不同的異步函數(shù)添加進(jìn)隊(duì)列
funcList.push(function(){funcTest(2,function(){
flag = true;
})});//不同的異步函數(shù)添加進(jìn)隊(duì)列
dealFuncSync(funcList);
function dealFuncSync(funcList){
function callBackSync(){
if(!funcList||funcList.length==0){
console.log('end');
return;
}
flag = false;
funcList.shift()();
setTimeout(function(){
if(flag) {//控制隊(duì)列函數(shù)同步
callBackSync();
}else{
setTimeout(arguments.callee,100);
}
},100);
}
callBackSync();
}
</script>
以上這篇不同js異步函數(shù)同步的實(shí)現(xiàn)方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
使用JavaScript和HTML5實(shí)現(xiàn)表單驗(yàn)證功能
表單驗(yàn)證是Web開發(fā)中不可或缺的一部分,它確保用戶輸入的數(shù)據(jù)符合預(yù)期格式和要求,通過客戶端驗(yàn)證,我們可以提高用戶體驗(yàn),減少不必要的服務(wù)器請求,然而,客戶端驗(yàn)證并不能替代服務(wù)器端驗(yàn)證,所以本文將介紹如何使用JavaScript和HTML5實(shí)現(xiàn)強(qiáng)大的表單驗(yàn)證,需要的朋友可以參考下2025-05-05
JavaScript高階函數(shù)_動(dòng)力節(jié)點(diǎn)Java學(xué)院整理
這篇文章主要介紹了JavaScript高階函數(shù)，詳細(xì)講解了什么是高階函數(shù)和高階函數(shù)的用法，有興趣的可以了解下2017-06-06
這篇文章主要介紹了json與jsonp知識(shí)小結(jié)(推薦)的相關(guān)資料,需要的朋友可以參考下2016-08-08
這篇文章主要給大家介紹了關(guān)于window.open打開新頁面失效的解決方案,移動(dòng)端和PC端全部通過window.open()來跳轉(zhuǎn)頁面窗口,文中給出了詳細(xì)的解決方案,需要的朋友可以參考下2023-07-07
JavaScript瀑布流布局實(shí)現(xiàn)代碼
這篇文章主要為大家詳細(xì)介紹了JavaScript瀑布流布局的實(shí)現(xiàn)代碼，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-05-05
解決 viewer.js 動(dòng)態(tài)更新圖片導(dǎo)致無法預(yù)覽的問題
Viewer.js 是一款強(qiáng)大的圖片查看器，這篇文章主要介紹了解決 viewer.js 動(dòng)態(tài)更新圖片導(dǎo)致無法預(yù)覽的問題 ,需要的朋友可以參考下2019-05-05
這篇文章主要介紹了JS中三種URI編碼方式對比分析,本文通過實(shí)例代碼給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友參考下吧2024-01-01
JavaScript高級(jí)教程之如何玩轉(zhuǎn)箭頭函數(shù)
箭頭函數(shù)是在es6中添加的一種規(guī)范,箭頭函數(shù)相當(dāng)于匿名函數(shù),簡化了函數(shù)的定義,下面這篇文章主要給大家介紹了關(guān)于JavaScript高級(jí)教程之如何玩轉(zhuǎn)箭頭函數(shù)的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-11-11
JavaScript中定時(shí)器setTimeout()和setInterval()的用法
本文詳細(xì)講解了JavaScript中定時(shí)器setTimeout()和setInterval()的用法，文中通過示例代碼介紹的非常詳細(xì)。對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2022-06-06
這篇文章主要給大家介紹了一些手寫的JavaScript常用的函數(shù)，文中通過示例代碼介紹的非常詳細(xì)，對大家學(xué)習(xí)或者使用JavaScript具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04