JavaScript运行机制之任务队列

这次给大家带来javascript运行机制之任务队列,使用javascript运行机制的注意事项有哪些,下面就是实战案例,一起来看一下。

单线程就意味着,所有任务需要排队,前一个任务结束,才会执行后一个任务。如果前一个任务耗时很长,后一个任务就不得不一直等着。

如果排队是因为计算量大,CPU忙不过来,倒也算了,但是很多时候CPU是闲着的,因为IO设备(输入输出设备)很慢(比如Ajax操作从网络读取数据),不得不等着结果出来,再往下执行。

JavaScript语言的设计者意识到,这时主线程完全可以不管IO设备,挂起处于等待中的任务,先运行排在后面的任务。等到IO设备返回了结果,再回过头,把挂起的任务继续执行下去。

于是,所有任务可以分成两种,一种是同步任务(synchronous),另一种是异步任务(asynchronous)。同步任务指的是,在主线程上排队执行的任务,只有前一个任务执行完毕,才能执行后一个任务;异步任务指的是,不进入主线程、而进入”任务队列”(task queue)的任务,只有”任务队列”通知主线程,某个异步任务可以执行了,该任务才会进入主线程执行。

具体来说,异步执行的运行机制如下。(同步执行也是如此,因为它可以被视为没有异步任务的异步执行。)

(1)所有同步任务都在主线程上执行,形成一个执行栈(execution context stack)。

(2)主线程之外,还存在一个”任务队列”(task queue)。只要异步任务有了运行结果,就在”任务队列”之中放置一个事件。

(3)一旦”执行栈”中的所有同步任务执行完毕,系统就会读取”任务队列”,看看里面有哪些事件。那些对应的异步任务,于是结束等待状态,进入执行栈,开始执行。

(4)主线程不断重复上面的第三步。

下图就是主线程和任务队列的示意图。

bg2014100801.jpg

只要主线程空了,就会去读取”任务队列”,这就是JavaScript的运行机制。这个过程会不断重复。

相信看了本文案例你已经掌握了方法,更多精彩请关注【创想鸟】其它相关文章!

推荐阅读:

JavaScript运行机制之为什么JavaScript是单线程

怎样阻止django中form页面刷新后自动提交

以上就是JavaScript运行机制之任务队列的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2781871.html

(0)
上一篇 2025年3月8日 16:23:54
下一篇 2025年3月8日 16:24:01

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • JavaScript运行机制之事件和回调函数

    这次给大家带来javascript运行机制之事件和回调函数,使用javascript运行机制的注意事项有哪些,下面就是实战案例,一起来看一下。 “任务队列”是一个事件的队列(也可以理解成消息的队列),IO设备完成一项…

    编程技术 2025年3月8日
    200
  • JavaScript运行机制之Event Loop

    这次给大家带来javascript运行机制之event loop,使用javascript运行机制的注意事项有哪些,下面就是实战案例,一起来看一下。 主线程从”任务队列”中读取事件,这个过程是循环不断的,所以整个的这…

    2025年3月8日
    200
  • JavaScript的定时器详解

    这次给大家带来javascript的定时器详解,使用javascript的定时器注意事项有哪些,下面就是实战案例,一起来看一下。 除了放置异步任务的事件,”任务队列”还可以放置定时事件,即指定某些代码在多少时间之后执…

    编程技术 2025年3月8日
    200
  • Node.js的Event Loop详解

    这次给大家带来node.js的event loop详解,使用node.js的event loop注意事项有哪些,下面就是实战案例,一起来看一下。 Node.js也是单线程的Event Loop,但是它的运行机制不同于浏览器环境。 请看下面的…

    2025年3月8日
    200
  • JS的Arrary方法

    这次给大家带来js的arrary方法,使用js的arrary方法注意事项有哪些,下面就是实战案例,一起来看一下。 栈方法: js提供了两个方法,来实现类似栈的操作: push()、pop() 栈是一种LIFO(last in first o…

    编程技术 2025年3月8日
    200
  • 判断日期是否有效的JavaScript代码段

    这次给大家带来判断日期是否有效的javascript代码段,用javascript判断日期是否有效的注意事项有哪些,下面就是实战案例,一起来看一下。 JavaScript正变得越来越流行,它已经成为前端开发的第一选择,并且利用基于JavaS…

    编程技术 2025年3月8日
    200
  • JS匀速运动实例详解

    本文主要和大家分享JS匀速运动实例详解,希望能帮助到大家,我们先和大家介绍JS运动的基本原理。 JS运动的基本原理: 让p运动起来,关键是修改物体的坐标, op.style.left=offsetLeft+speed+’px’; 登录后复制…

    2025年3月8日
    200
  • 获取一组元素的最大宽度或高度JavaScript代码

    这次给大家带来 获取一组元素的最大宽度或高度javascript代码, 用javascript获取一组元素的最大宽度或高度的注意事项有哪些,下面就是实战案例,一起来看一下。 下面这个函数,对于需要进行动态排版的开发人员非常有用。 var g…

    编程技术 2025年3月8日
    200
  • 使文本高亮的JavaScript代码

    这次给大家带来使文本高亮的javascript代码,用javascript使文本高亮的的注意事项有哪些,下面就是实战案例,一起来看一下。 有很多JQuery的第三方库可以实现高亮文本的功能,但我更喜欢用下面这一小段JavaScript代码来…

    编程技术 2025年3月8日
    200
  • 使文字动效的JavaScript代码

    这次给大家带来使文字动效的javascript代码,用javascript代码使文字动效的注意事项有哪些,下面就是实战案例,一起来看一下。 有时你会希望给你的一段文字增加动效,让其中的每个字都动起来。你可以使用下面这段jQuery插件代码来…

    编程技术 2025年3月8日
    200

发表回复

登录后才能评论