js线程

r囧r小猫 2022-09-30 14:50 2阅读 0赞

var Thread = \{  
 runNum : 0,  //当前正式运行的线程数  
 maxNum : 10, //最大同时执行的线程数 -1表示不限  
 commandList : new Array(),  
 start : function()\{  
  //window.status = this.runNum;  
  if(this.maxNum != -1 && this.runNum >= this.maxNum)\{    
   return;  
  \}  
  if(this.commandList.length <= 0)\{   
   this.runNum = 0;  
   return false;  
  \}   
  this.runNum++;  
  var \_this =this;   
  var tFun = function()\{  
   if(!\_this.commandList\[0\]) return;  
   var command = \_this.commandList\[0\].shift();    
   command.apply(\_this,\_this.commandList\[0\].concat(  
    function()\{  //alert(2)      
     if(\_this.runNum > 0)\_this.runNum--;  
     setTimeout(function()\{\_this.start.apply(\_this)\},1);      
    \}));  
   \_this.commandList.shift();  
  \}  
  setTimeout(tFun,1);   
  setTimeout(function()\{\_this.start.apply(\_this)\},10);  
 \}  
\}

<script src="prototype.js"></script>  
<script type="text/javascript" defer="defer">

function test(obj,info,callback)\{  
 callback = callback || new Function();  
 new Ajax.Request('test.xml',\{method:'get',  
  onSuccess:function(o)\{  
   $(obj).innerHTML += info + '完成<br>';  
   callback('完成');  
  \},  
  onFailure : function(o)\{  
   $(obj).innerHTML += info + '失败<br>';  
   callback('失败');  
  \},  
  onComplete : function(o)\{  
   document.body.scrollTop = 9999;  
  \}  
 \});  
\}

var Thread = \{  
 runNum : 0,  //当前正式运行的线程数  
 maxNum : 5, //最大同时执行的线程数 -1表示不限  
 commandList : new Array(),  
 start : function()\{  
  //window.status = this.runNum;  
  if(this.maxNum != -1 && this.runNum >= this.maxNum)\{    
   return;  
  \}  
  if(this.commandList.length <= 0)\{   
   this.runNum = 0;  
   return false;  
  \}   
  this.runNum++;  
  var \_this =this;   
  var tFun = function()\{  
   if(!\_this.commandList\[0\]) return;  
   var command = \_this.commandList\[0\].shift();    
   command.apply(\_this,\_this.commandList\[0\].concat(  
    function()\{  //alert(2)   
if(\_this.runNum > 0)\_this.runNum--;  
     setTimeout(function()\{\_this.start.apply(\_this)\},1);      
    \}));  
   \_this.commandList.shift();  
  \}  
  setTimeout(tFun,1);   
  setTimeout(function()\{\_this.start.apply(\_this)\},10);  
 \}  
\}

for(var i = 0; i < 100 ; i++)\{  
 Thread.commandList.push(new Array(test,document.body,i+1));  
\};  
Thread.start();  
</script>  
<body>  
</body>

发表评论取消回复

表情：

评论列表（有 0 条评论，2人围观）

还没有评论，来说两句吧...

相关阅读

相关线程(四),线程中断,线程让步,线程睡眠和线程合并,线程优先级

首先说明下,最近的文章都是看的好多的博客总结的,感谢那些无私分享的人们:原文地址是:[点击打][Link 1] 首先我们来看一下什么是线程中断: 线程中断函数:interr

我会带着你远行/ 2024年02月17日 17:35/ 0 赞/ 98 阅读

相关 js线程等待1秒_前端之JS的线程

很多文章在介绍线程以及线程之间的关系，都存在着脱节的现象。还有的文章过于广大，涉及到了内核，本文希望以通俗易懂的话去描述晦涩的词语，可能会和实际有一丢丢的出入，但是更易理解。

àì夳堔傛蜴生んèń/ 2023年01月10日 13:18/ 0 赞/ 266 阅读

相关 js多线程的方法 webwork

JS为我们提供了一个Worker的类，它的作用就是为了解决阻塞的现象。当我们使用这个类的时候，它就会向浏览器申请一个新的线程。这个线程就用来单独执行一个js文件；主线程接受

不念不忘少年蓝@/ 2022年12月30日 15:53/ 0 赞/ 110 阅读

相关 js线程

var Thread = \{ runNum : 0, //当前正式运行的线程数 maxNum : 10, //最大同时执行的线程数 -1表示不限 comm

r囧r小猫/ 2022年09月30日 14:50/ 0 赞/ 3 阅读

相关浏览器多线程和js单线程

转载自 [浏览器多线程和js单线程][js] 开发过程中遇到js线程和ui渲染线程互斥问题。导致ui无法正常更新等问题。这些问题的根源就是因为浏览器的多线程和js的单线程引

我不是女神ヾ/ 2022年05月28日 10:05/ 0 赞/ 396 阅读

相关 js work 多线程

js work 多线程主js： function goBack() { window.frames[0].history.back(-1);

「爱情、让人受尽委屈。」/ 2022年04月10日 12:15/ 0 赞/ 326 阅读

相关浏览器的多线程与JS的单线程

0.前言浏览器内核、渲染引擎和js引擎的关系：一个完整的浏览器包含浏览器内核和浏览器的外壳(shell)。浏览器核心——内核分成两部分：渲染引擎和js引擎。由于js引擎

川长思鸟来/ 2022年03月16日 06:36/ 0 赞/ 486 阅读

相关 JS中定时器线程理解

最近在准备面试，对于JS原理性的文章，感觉很有必要系统整理下，不必每一次都要查询资料，节约时间。问题 setTimeout(function(){

曾经终败给现在/ 2022年03月07日 01:50/ 0 赞/ 238 阅读

相关 Node.js 多线程完全指南

> 翻译：疯狂的技术宅 > 原文：[https://blog.logrocket.com/a-complete-guide-to-threads-in-node-js-4f

深藏阁楼爱情的钟/ 2022年02月27日 02:26/ 0 赞/ 209 阅读

相关 js多线程解释与运用

1,提出问题执行一个同步操作时,如果耗时非常长,导致主线程堵塞的问题问题的产生:由于用户界面和js进

╰半橙微兮°/ 2021年09月16日 00:48/ 0 赞/ 321 阅读