如何理解JavaScript单线程及setTimeout定时器

如何理解JavaScript单线程及setTimeout定时器，针对这个问题，这篇文章详细介绍了相对应的分析和解答，希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。理解JavaScript的单线程的理念对于JavaScript学习，以及掌握其中的一些设计机制非常重要，比如回调、定时器。对于后续学习NodeJS也有很大的帮助。通过先demo，后总结的形式，使得JavaScript的单线程更易于明白。由此延伸以下代码：结合以下博客，整理一些重要概念：http://www.ruanyifeng.com/blog/2014/10/event-loop.htmlhttp://www.cnblogs.com/Mainz/p/3552717.html1、作为脚本语言，JavaScript主要功能是与用户互动，以及操作DOM。假定JavaScript同时有两个线程，一个线程在某个DOM节点上添加内容，另一个线程删除了这个节点，这时浏览器应该以哪个线程为准？ ->So： JavaScript就是单线程。2、JavaScript的任务分成两种：同步任务和异步任务。同步任务：在主线程上排队执行的任务，只有上一个任务执行完成了，才会执行下一个任务。异步任务：不进入主线程，而进入“任务队列”的任务，只有“任务队列”通知主线程，某个任务队列可以执行了，等主线程执行完成，任务队列才会进入主线程执行。 -> So：只要主线程空了，就会去读“任务队列”，这就是JavaScript的运行机制。3、主线程从“任务队列”中读取事件，这个过程是循环不断的，所以整个事件又叫“事件循环”(Event Loop)。HTML5规定setTimeout()的第二个参数的最小值(最短间隔)，不得低于免费云主机、域名4ms，如果低于4ms就会自动增加。在此之前，老版本浏览的都将最短时间设置为10ms。另外，对于那些DOM变动(尤其是设计页面重新渲染的部分)，通常不会立即执行，而是每16ms执行一次。这是使用requestAnimationFrame()的效果要好于setTimeout()。4、需要注意的是：setTimeout只是将事件插入“事件队列”，必须等到前面代码(执行栈)执行完，主线程才会去执行他指定的回调函数。如果当前代码耗时很长，有可能要等很久，所以并没有办法保证，回调函数一定会在setTimeout()指定的是时间执行。Javascript是单线程，单线程就意味着所有任务需要排队。然后会将所有任务分成两类：同步任务和异步任务！同步任务：在主线程上执行的任务，只有前一个任务执行完成，才会执行后一个！异步任务：不进入主线程、而进入“任务队列”的任务。Js是单线程的，但是浏览器是多线程的！浏览器是事件驱动的！JS运行在浏览器中，是单线程的，每个window一个JS线程，但是浏览器不是单线程。可能有多个如下线程：Javascript引擎线程、界面渲染线程、浏览器事件触发线程、Http请求线程。setTimeout可以改变，js执行顺序。比如：我们想要输出Hello World，world必须在hello之后输出，不管我们代码的顺序怎么样都输出同样的效果，这个时候就可以借助setTimeout。浏览器中定时器也是一个线程！Javscript是单线程的，ajax请求确实是异步的！原因是ajax请求的时候，是在浏览器的Http请求线程中执行的，执行之后的回调函数会放到Javascript线程中执行！Summary：Javascript是单线程的，浏览器是多线程的，浏览器的线程包括：JS引擎线程、界面渲染线程、浏览器事件线程、Http请求线程。不过不同的浏览器提供的线程是有区别的。一般JS引擎线程和界面渲染线程是互斥的，两个线程不能同时执行，否则，就会出现界面渲染线程和JS线程修改同一个DOM样式的矛盾问题！关于如何理解JavaScript单线程及setTimeout定时器问题的解答就分享到这里了，希望以上内容可以对大家有一定的帮助，如果你还有很多疑惑没有解开，可以关注云技术行业资讯频道了解更多相关知识。

相关推荐: javascript如何移除元素点击事件

这篇文章主要介绍了javascript如何移除元素点击事件的相关知识，内容详细易懂，操作简单快捷，具有一定借鉴价值，相信大家阅读完这篇javascript如何移除元素点击事件文章都会有所收获，下面我们一起来看看吧。 方法：1、利用“点击元素对象.unbind(…