微信公众号 讲师中心
首页
文章
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 自媒体 新闻
专题
后端开发 web前端 数据库 开发工具 php框架 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 新闻
AI工具
AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令
学习
大前端 后端开发 数据库 移动端 运维开发 计算机基础
编程手册
大前端 后端开发 数据库 移动端 运维开发 计算机基础
下载
js特效 网站源码 工具下载 类库下载 网站素材 学习资源 插件扩展 手机/移动开发 手机游戏
最近更新
搜索
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程
自媒体 新闻
首页 > web前端 > js教程 > 正文

JS模拟多线程_javascript技巧

php中文网
发布： 2016-05-16 19:19:31
原创
1142人浏览过
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    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);
 }
}


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    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  Thread.commandList.push(new Array(test,document.body,i+1));
};
Thread.start();

Dreamhouse AI
Dreamhouse AI

AI室内设计，快速重新设计你的家，虚拟布置家具

Dreamhouse AI 78
查看详情 Dreamhouse AI

大家都在看：

java速学教程(入门到精通)
java速学教程(入门到精通)

java怎么学习？java怎么入门？java在哪学？java怎么学才快？不用担心，这里为大家提供了java速学教程(入门到精通)，有需要的小伙伴保存下载就能学习啦！

下载
来源：php中文网
收藏 点赞
上一篇：符合web标准的连续滚动图像的js代码_图象特效 下一篇：再次更新！MSClass (Class Of Marquee Scroll通用不间断滚动JS封装类 Ver 1.6)_javascript技巧
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
最新问题
JavaScript自然语言_分词算法JavaScript实现 中文分词推荐使用nodejieba库，因其准确率高且专为中文设计；英文可选Compromise等轻量库。基于词典的最大匹配法（如正向或逆向）适合理解原理，但精度有限。实际应用中应结合停用词过滤、词频统计和机器学习模型提升效果，同时注意词典质量与领域适配以优化分词结果。
2025-11-19 21:35:02
903
JavaScript_微服务架构与分布式系统 JavaScript通过Node.js可构建高性能微服务，适用于I/O密集型场景；使用Express/Fastify/NestJS开发独立服务，Docker容器化部署；服务间通过HTTP/REST、gRPC或消息队列通信，实现解耦；结合Consul等工具完成服务发现与配置管理；引入断路器、超时重试、日志追踪等机制保障系统容错性与可观测性。
2025-11-19 21:33:44
411
JavaScript机器学习_TensorFlow.js模型训练 首先需准备数据并转换为tf.Tensor格式，接着用tf.sequential()构建模型，添加密集层；然后编译模型，选择优化器与损失函数；再调用model.fit()训练模型，指定epochs；最后用model.predict()进行预测。整个流程在JavaScript中完成，适合浏览器端轻量级机器学习应用，需注意数据格式与异步处理。
2025-11-19 21:33:13
318
JavaScript移动端适配_触摸事件处理优化 掌握触摸事件是移动端流畅交互的关键，需理解touchstart、touchmove、touchend和touchcancel的触发时机及属性应用；通过preventDefault和passive事件选项优化响应延迟，避免默认行为干扰；对高频touchmove采用节流或requestAnimationFrame控制执行频率，提升性能；封装手势识别逻辑，如基于坐标差与时间阈值判断滑动、点击与长按，统一输出语义化指令，增强代码复用性与设备兼容性。
2025-11-19 21:33:06
329
JS模块化：从CommonJS到ES Modules演进 JavaScript模块化从CommonJS到ESModules的演进解决了代码组织与加载效率问题。CommonJS通过require和module.exports实现服务端同步加载，适合Node.js环境；而ESModules作为ES6标准，采用import/export支持浏览器异步静态加载，具备静态分析与TreeShaking优势。两者在加载机制、语法和导出本质上存在差异，但Node.js通过.mjs扩展名或"type":"module"支持共存。现代前端工具普遍以ESM为默认，标志着JS
2025-11-19 21:32:02
265
JavaScript观察者模式_自定义事件系统 观察者模式通过发布者-订阅者机制实现对象间松耦合通信。JavaScript中可封装EventEmitter类，提供on、emit、off方法实现事件订阅与触发，支持多模块响应同一事件，如用户登录后更新UI、记录日志等。核心是维护事件回调列表并在状态变化时通知所有观察者。示例中EventEmitter解耦了业务模块，提升可维护性。进阶优化包括添加once、命名空间、clear方法及错误处理，有效管理监听器可避免内存泄漏。该模式广泛用于前端事件系统与组件通信。
2025-11-19 21:31:36
187
JS函数绑定技巧_Bind应用场景 函数绑定（bind）可解决this指向丢失、实现柯里化、定时器上下文绑定及方法复用。1.事件中用bind固定this指向；2.预设参数实现函数柯里化；3.定时器回调保持原对象上下文；4.提取绑定方法供复用，提升代码稳定性与可读性。
2025-11-19 21:31:25
524
JavaScript构建工具_Webpack配置优化 答案：Webpack优化需从Loader、Resolve、环境配置、代码分割和缓存五方面入手。明确include/exclude提升Loader处理速度，合理设置alias和extensions加快模块查找，拆分开发与生产配置并启用source-map与压缩，利用SplitChunksPlugin分离公共代码，结合动态import实现懒加载，输出文件使用contenthash并提取runtimeChunk以提升缓存利用率，最终通过持续测试迭代实现精准调优。
2025-11-19 21:29:02
748
This绑定_JS上下文解析 this的指向由函数调用方式决定，遵循四种绑定规则及优先级：默认绑定中，非严格模式下独立调用指向window，严格模式为undefined；隐式绑定中，作为对象方法调用时指向该对象，但赋值后调用会丢失绑定；显式绑定通过call、apply或bind强制指定this，其中bind永久绑定；new绑定在构造函数调用时指向新创建的实例。优先级顺序为：new绑定>显式绑定>隐式绑定>默认绑定。箭头函数无自身this，继承外层作用域的this值，不受上述规则影响。掌握这些规则即可准确判断this指向。
2025-11-19 21:29:02
243
JavaScript函数柯里化_偏函数应用场景分析 柯里化是将多参函数转换为依次接收单参数的函数链，如add(1)(2)(3)；偏函数是通过固定部分参数生成新函数，如multiply.bind(null,2)。前者适用于参数复用、函数组合与事件处理，强调延迟执行；后者用于简化接口、定制回调与错误包装，侧重预设配置。两者均提升代码复用性与可读性，但柯里化注重逐步求值，偏函数聚焦参数绑定，应根据场景选择使用。
2025-11-19 21:25:34
685
相关专题
更多>
热门推荐
开源免费商场系统广告
热门教程
更多>
相关推荐
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • PHP学习

  • 技术支持

  • 返回顶部