[Web]JavaScript下利用setTimeout模拟多线程编程

最新推荐文章于 2020-09-15 14:46:31 发布
最新推荐文章于 2020-09-15 14:46:31 发布
阅读量3.2k 收藏 1
点赞数
分类专栏： 代码发布 文章标签： javascript 多线程 web ajax 聊天 blog
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/lxfan/article/details/1630985
版权
本文分享了如何在JavaScript环境下，通过setTimeout函数模拟实现多线程编程。由于JavaScript默认不支持多线程，作者利用setTimeout来模拟线程池，通过异步执行任务来达到类似多线程的效果。在实际应用中，如聊天室项目中，这种方法被用来处理并发请求，避免了线程同步问题。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

前一阵（大概半年前）做了一个聊天室的项目，用了很多JavaScript技术和Ajax技术。由于太懒，所以一直没有写Blog。现在写出来和大家分享下。

在JavaScript下，默认是不支持多线程的。我们可以利用setTimeout函数来模拟多线程环境。

例如：

 

< div id = " content " >
</ div >
< SCRIPT LANGUAGE = " JavaScript " >
<!--
最低0.47元/天 解锁文章
js基于setTimeout与setInterval实现多线程
11-22
本文实例讲述了js基于setTimeout与setInterval实现多线程的方法。分享给大家供大家参考，具体如下： javascript无法实现线程阻塞（sleep），原因是因为sleep涉及系统调用。js出于安全考虑是不允许系统调用的。 如果一定要实现语句继续执行就只能用while(1)空转的方法消耗CPU，判断到了时间就break。不过这个方法也不是真正sleep。 只执行一次的定时器 [removed] //定时器使用的是异步的方式运行的 function hello(){ alert("hello"); } //使用方法名字执行方法 var t1 = window.setTime
JavaScript是否可实现多线程 深入理解JavaScript定时机制
12-10
然而，这并不意味着JavaScript无法处理异步操作或者模拟多线程的行为。JavaScript通过事件循环（Event Loop）和异步任务队列来实现这一点，使得它可以处理网络请求、定时器以及其他I/O操作，而不会阻塞主线程。 ...
javascript 的线程问题，收藏
Now . Or Never ``
07-27 7475
<br /><br />JavaScript的setTimeout与setInterval是两个很容易欺骗别人感情的方法,因为我们开始常常以为调用了就会按既定的方式执行, 我想不少人都深有同感, 例如<br />setTimeout( function(){ alert(’你好!’); } , 0);<br />setInterval( callbackFunction , 100);<br />认为setTimeout中的问候方法会立即被执行,因为这并不是凭空而说,而是JavaScript API文档明确
js多线程（用setTimeout实现）
baidu_40537062的博客
12-20 1091
setTimeout(function(){ //这里相当于新开了一个线程,先让UI界面出来，然后再进行类似网络请求的耗时操作 console.log("连接服务器"); sleep(5000); console.log("连上"); },5000); console.log("界面出来"); function sleep(numberMillis) { v...
js setInterval 和setTimeout 实现多线程？
yanhui1212的博客
05-11 553
JavaScript引擎是单线程运行的,浏览器无论在什么时候都只且只有一个线程在运行JavaScript程序.      setInterval 和 setTimeout ，都涉及到时间计数器，也就是都涉及到一个类似与MFC定时器。JS引擎本身就只能单线程运行，因此定时器需要由其他的外部线程来启动。所以对JS引擎而言，定时器线程可以被视为异步线程。但当定时器时间到达后，所触发的事件则必须在任...
SetTimeout 的伪多线程
qq_36376555的博客
11-27 956
突然想起面试的时候一道面试题，当时答的不是很好，今天又重新研究了一下。 题目是这样的：setTimeout(fuc,100);这是一个简单的定时器，问题在于如果fuc函数的执行时间过于耗时，超过100毫秒，那会出现什么问题，怎么解决。 一、出现的问题就是fuc函数不会100ms之后执行，而是等到fuc函数执行完成之后执行setTimeout定时器，也意味着真实的延迟时间会比设定的时间长。 二、
JavaScript多线程详解
10-23
为了解决单线程带来的挑战，JavaScript引入了一些机制来模拟多线程行为，主要依靠事件循环（Event Loop）和异步编程模型。 首先，JavaScript引擎线程是执行JavaScript代码的核心线程，负责解析和运行JavaScript。当...
理解javascript定时器中的单线程
11-23
JavaScript是一种单线程编程语言，这意味着在任何给定时间，JavaScript引擎只能执行一个任务。这种设计使得JavaScript在浏览器环境中能够高效地运行，避免了多线程可能导致的竞态条件和其他复杂问题。在JavaScript中...
再谈JavaScript线程
10-23
在文档中提到的Concurrent.Thread.js库，是在Web Worker支持不广泛之前的一种解决方案，它使用setTimeout方法来模拟多线程的行为。通过将一段代码放在setTimeout函数中，可以在下一次事件循环时执行它，从而达到在...
setTimeout与多线程
cherry4115
12-12 2142
console.log(xxx);  在控制台Console输xxx，不会打断页面的正常操作 setTimeout(function(){ func1(); },0) func2(); //在上面这段代码中func2先执行，func1后执行，0s延迟表示回调函数将插队到一个能立即执行的时段 //如果不写0，浏览器自动配置时间，多为10-100ms，所以还是func2先执行，
JavaScript单线程 & setTimeout定时器
weixin_34087307的博客
03-03 131
2019独角兽企业重金招聘Python工程师标准>>> ...
单线程的JavaScript以及伪多线程的setTimeout
carcarrot的博客
09-15 219
首先看个例子 var ms=0,el=0; function test(){ console.log('main start'); ms=new Date().getTime(); setTimeout(()=>{ el=new Date().getTime()-ms; console.info('setTimeout0 executed! actually '+el+'ms elapsed') },0); var i=999999999; ...
为什么要用setTimeout模拟setInterval ？
若水弹丸之地
09-01 8265
一、简介 setTimeout 延迟一段时间执行一次 (Only one)；用clearTimeout()终止 setTimeout(function(){··· }, n); // n毫秒后执行function setInterval 每隔一段时间执行一次 (Many times)；用clearInterval()终止 setInterval(function(){··· }...
js setTimeout 和 setInterval实现多线程
qian_xiaona的博客
11-05 1880
JavaScript的setTimeout与setInterval是两个很容易欺骗别人感情的方法,因为我们开始常常以为调用了就会按既定的方式执行, 我想不少人都深有同感, 例如 setTimeout( function(){ alert(’你好!’); } , 0); setInterval( callbackFunction , 100); 认为setTimeout中的问候方法
证明：JS中的setTimeout是伪多线程
a312983516的专栏
04-12 1509
有人问我在“循环ajax”那个日志后面写setTimeout是伪多线程。 那我就代码说明一下：列子3个 1、第一个 setTimeout("aa()",20); setTimeout("dd()",20); setTimeout("cc()",21); function aa() {    document.getElementById("id1").inn
setTimeout
这个昵称没有被占用吧的博客
05-22 308
var a = setTimeout(()=&gt;{ console.log("a 1s"); setTimeout(()=&gt;{ console.log("a 2s"); setTimeout(()=&gt;{ console.log("a 3s") setTimeout(()=&gt;{ console.lo...
从setTimeout分析浏览器线程
禅林阆苑
05-10 1360
从setTimeout分析浏览器线程[toc]   今天接到阿里的面试电话，面试官很和善，聊聊天的形式不知不觉就是一个小时。本人接触前端不深，面试的时候问的几个问题也让我发现自身学习过程中思考太少，其中一个就是问到了setTimeout的工作机理，当时简单讲了讲我自己的想法，面试官也指出了其中的问题，现查阅资料重新整理记录。1. setTimeout的表象  setTimeout的定义很简单，教科
多线程定时器模拟心跳报文程序的设计与实现
然而，多线程编程也面临着线程安全、死锁、竞态条件等挑战。为了安全高效地使用多线程，编程人员需要掌握线程同步机制，例如锁、信号量、事件等。 2. 定时器 定时器是一个能够在指定的时间间隔后执行特定功能的编程...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值