码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript的运行机制

时间:2017-09-09 00:43:47      阅读:218      评论:0      收藏:0      [点我收藏+]

标签:images   事件触发   src   任务队列   机制   返回   nbsp   bsp   互动   

1.JavaScript的单线程机制

2.任务队列(同步任务和异步任务)

3.事件和回调函数

4.定时器

5.Event Loop事件循环

一、JavaScript的单线程机制,JavaScript的使用单线程是由其主要用途有关,JavaScript是在用户互动、操作DOM元素,如果使用多线程则会带来很多问题,同时操作一个DOM进行删除和添加操作,浏览器无法选择执行那个线程?

二、任务队列,单线程机制,JavaScript的任务就是依次执行,但是CPU与IO设备(ajax网络读取数据,鼠标,键盘操作)相对响应慢,所以就可以主线程挂起IO设备的处于等待的任务,等到IO设备返回结果后在执行挂起的任务代码,于是就分为同步任务(执行栈)和异步任务(任务队列),同步任务是在主线程依次进行执行,异步任务不进入主线程而是进入任务队列,当任务队列通知主线程有异步任务可以执行,然后进入主线程进行执行。主线程“清空”执行栈后开始按队列的方式执行任务队列中的事件。

三、时间和回调函数、任务队列是一个事件队列(消息队列),IO设备完成一项任务,生成一个事件加入任务队列,表示可以进入主线程进行执行,主线程读取任务队列即是读取事件,回调函数是主线程挂起的异步任务执行的代码,当异步任务可以执行即是执行对应的回调函数。

四、定时器、任务队列中除了放置异步任务,还可以放置定时事件,多少时间后执行代码。setTimeout()和setInterval()。

五、Event Loop事件循环、主线程从“任务队列”读取事件是一个循环不断的过程,

技术分享

执行完栈中同步任务才会进入异步任务的操作。

备注:

  1. 浏览器 GUI 渲染线程
  2. JavaScript 引擎线程
  3. 浏览器定时触发器线程
  4. 浏览器事件触发线程 
  5. 浏览器 http 异步请求线程(ajax异步请求网络数据信息)

其中浏览器GUI渲染线程和JavaScript引擎线程是互斥线程

JavaScript的运行机制

标签:images   事件触发   src   任务队列   机制   返回   nbsp   bsp   互动   

原文地址:http://www.cnblogs.com/tuqunfu/p/7496821.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!