线程机制与事件机制
一、进程与线程
进程(process):程序的一次执行,它占有一片独有的内存空间,可以通过windows任务管理器查看进程
线程(thread):是进程内的一个独立执行单元,是程序执行的一个完整流程,是CPU的最小的调度单元
相关知识
1.应用程序必须运行在某个进程的某个线程上
2.一个进程中至少有一个运行的线程:主线程,进程启动后自动创建
3.一个进程中也可以同时运行多个线程,我们会说程序是多线程运行的
4.一个进程内的数据可以供其中的多个线程直接共享
5.多个进程之间的数据是不能直接共享的
6.线程池(thread pool):保存多个线程对象的容器,实现线程对象的反复利用
相关问题
1.何为多进程与多线程?
多进程运行:一应用程序可以同时启动多个实例运行
多线程:在一个进程内,同时有多个线程运行
2.比较单线程和多线程?
多线程:
优点:能有效提升CPU的利用率
缺点:创建多线程开销,线程间切换开销,死锁与状态同步问题
单线程:
优点:顺序编程简单易懂
缺点:效率低
3.JS是单线程还是多线程?
JS是单线程运行的,但使用H5中的Web Workers可以多线程运行
4.浏览器运行是单线程还是多线程?–多线程运行的
5.浏览器运行是单进程还是多进程?
有的是单进程(firefox、老版IE)
有的是多进程(chrome、新版IE)
二、浏览器内核
支撑浏览器运行的最核心的程序
不同的浏览器可能不一样
Chrome , Safari : webkit
firefox : Gecko
IE : Trident
360,搜狗等国内浏览器 : Trident+webkit
※内核由很多模块组成
1.js引擎模块:负责js程序的编译与运行
2.html,css文档解析模块:负责页面文本的解析
3.DOM/CSS模块:负责dom/css在内存中的相关处理
4.布局和渲染模块:负责页面的布局和效果的绘制(内存中的对象)
5.定时器模块:负责定时器的管理
6.DOM事件响应模块:负责事件的管理
7.网络请求模块:负责ajax请求
三、定时器引发的思考
1.定时器真的是定时执行的吗?
定时器并不能保证真正定时执行
一般会延迟一丁点(可以接受),也有可能延迟很长时间(不能接受)
2.定时器回调函数是在哪个线程执行的?
在主线程执行的,js是单线程的
3.定时器是如何实现的?
事件循环模型
四、JS是单线程执行的
1.如何证明js执行是单线程的?
setTimeout( )的回调函数是在主线程执行的
定时器回调函数只有在运行栈中的代码全部执行完后才有可能执行
2.为什么js要用单线程模式,而不用多线程模式?
JavaScript的单线程,与它的用途有关
作为浏览器脚本语言,JavaScript的主要用途是与用户互动,以及操作DOM
这决定了它只能是单线程,否则会带来很复杂的同步问题
3.代码的分类: 初始化代码 回调代码
4.js引擎执行代码的基本流程
先执行初始化代码:包含一些 特别的代码
设置定时器
绑定监听
发送ajax请求
后面在某个时刻才会执行回调代码
五、浏览器的事件循环(轮询)模型
1.所有代码分类
初始化执行代码(同步代码):包含绑定dom事件监听,设置定时器,发送ajax请求的代码
回调执行代码(异步代码):处理回调逻辑
2.js引擎执行代码的基本流程:初始化代码–>回调代码
3.模型的2个重要组成部分:事件(定时器/DOM事件/Ajax)管理模块 回调队列
4.模型的运转流程
执行初始化代码,将事件回调函数交给对应模块管理
当事件发生时,管理模块会将回调函数机器数据添加到回调队列中
只有当初始化代码执行完后(可能需要一定时间),才会遍历读取回调队列中的回调函数执行
六、H5 Web Workers(多线程)
1.相关知识
a.介绍:HTML5规范提供了js分线程的实现,取名为:Web Workers,我们可以将一些大计算量的代码交由web Worker运行而不冻洁用户界面,但是子线程完全受主线程控制,且不得操作DOM。所以这个新标准并没有改变JavaScript单线程的本质
b.使用:创建在分线程执行的js文件 在主线程中的js中发消息并设置回调
2.相关API
Worker:构造函数,加载分线程执行的js文件
Worker.prototype.onmessage:用于接受另一个线程的回调函数
Worker.prototype.postMessage:向另一个线程发送信息
3.不足
worker内代码不能操作DOM(更新UI)
不能跨域加载JS
不是每个浏览器都支持这个新特性