不同js异步函数同步的实现方法

转载  更新时间:2016年05月28日 14:37:34   投稿:jingxian   我要评论

下面小编就为大家带来一篇不同js异步函数同步的实现方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

不同函数达到同步的函数模拟

funcList是函数执行函数的队列,其中回调函数中flag=true是同步标记量

<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;//同步标记量
})});//不同的异步函数添加进队列
funcList.push(function(){funcTest(3,function(){
  flag = true;
})});//不同的异步函数添加进队列
funcList.push(function(){funcTest(2,function(){
  flag = true;
})});//不同的异步函数添加进队列
dealFuncSync(funcList);
function dealFuncSync(funcList){
  function callBackSync(){
   if(!funcList||funcList.length==0){
     console.log('end');
     return;
   }
   flag = false;
   funcList.shift()();
   setTimeout(function(){
      if(flag) {//控制队列函数同步
       callBackSync();
      }else{
       setTimeout(arguments.callee,100);
      }
   },100);
  }
  callBackSync();
}
</script>

以上这篇不同js异步函数同步的实现方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • javascript判断网页是关闭还是刷新

    javascript判断网页是关闭还是刷新

    本篇文章给大家介绍js判断网页是关闭还是刷新,实现原理就是通过离开页面行为时间onunload触发时间去检测此时的浏览器的窗口大小,根据大小由此判断用户是刷新,跳转或是关闭行为程序,需要的朋友可以参考下本文
    2015-09-09
  • Prototype框架详解

    Prototype框架详解

    Prototype是一个JavaScript框架,旨在简化动态Web应用程序的开发。原型被称为作为一个单一的文件分发的prototype.js,本文给大家介绍prototype框架,感兴趣的朋友一起学习吧
    2015-11-11
  • javascript基于HTML5 canvas制作画箭头组件

    javascript基于HTML5 canvas制作画箭头组件

    该组件实现了根据箭头起止点坐标画箭头功能。目前组件可设置箭头形状(大小和角度)。
    2014-06-06
  • 由JavaScript技术实现的web小游戏(不含网游)

    由JavaScript技术实现的web小游戏(不含网游)

    伴随Ajax与网页游戏的崛起,曾几何时JavaScript也成了游戏开发时可供选择的技术之一,文本 仅列举数项由JavaScript技术实现的web小游戏(不含网游),聊作参考之用。
    2010-06-06
  • 分享JS数组求和与求最大值的方法

    分享JS数组求和与求最大值的方法

    数组求和在项目需求中还是挺常见的,比如购物车金额统计、人员的前台统计等等。今天小编先是给大家分享了JS数组求和的两个方法,而后又用实例演示js数组求和,并求出数组中的最大值,一起来看看吧。
    2016-08-08
  • 网页前端登录js按Enter回车键实现登陆的两种方法

    网页前端登录js按Enter回车键实现登陆的两种方法

    下面小编就为大家带来一篇网页前端登录js按Enter回车键实现登陆的两种方法。小编觉得挺不错的,现在分享给大家,也给大家做个参考
    2016-05-05
  • 单行 JS 实现移动端金钱格式的输入规则

    单行 JS 实现移动端金钱格式的输入规则

    这篇文章主要介绍了单行 JS 实现移动端金钱格式的输入规则,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2017-05-05
  • JavaScript 使用技巧精萃(.net html

    JavaScript 使用技巧精萃(.net html

    下面是一些编程语言中,经常需要用到js验证的一些代码加入方法大家可以参考下。
    2009-04-04
  • javascript学习笔记(七)利用javascript来创建和存储cookie

    javascript学习笔记(七)利用javascript来创建和存储cookie

    今天把javascript如何用来创建及存储cookie复习了一下,其中的一点体会拿出来和大家讨论,恳请高手指点一二。
    2011-04-04
  • JavaScript按值删除数组元素的方法

    JavaScript按值删除数组元素的方法

    这篇文章主要介绍了JavaScript按值删除数组元素的方法,涉及javascript操作数组的相关技巧,非常具有实用价值,需要的朋友可以参考下
    2015-04-04

最新评论