持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第9天，点击查看活动详情
前端最重要的三大基础（前端三剑客），HTML CSS JAVASCRIPT，学习前端必学的三门基础知识点。
特别是JavaScript，这个基础必须是要最扎实的，不管在哪个项目中，前端都不会离开他的，所以我们要打牢它的基础。学习完基础后JavaScript的深入学习也是必不可少的，这节开始讲一下线程机制与事件机制相关知识：
- 浏览器内核
- 定时器
- JS是单线程执行的
- 浏览器的事件循环(轮询)模型
- H5 Web Workers(多线程)
同期回顾：
线程机制与事件机制
1. 浏览器内核
有一个老生常谈的问题，进程与线程，先来回顾一下进程与线程
-
进程(process)
- 程序的一次执行, 它占有一片独有的内存空间
- 可以通过windows任务管理器查看进程
-
线程(thread)：是进程内的一个独立执行单元，是程序执行的一个完整流程，是CPU的最小的调度单元。
- 应用程序必须运行在某个进程的某个线程上
- 一个进程中至少有一个运行的线程: 主线程, 进程启动后自动创建
- 一个进程中也可以同时运行多个线程, 我们会说程序是多线程运行的
- 一个进程内的数据可以供其中的多个线程直接共享
- 多个进程之间的数据是不能直接共享的
- 线程池(thread pool): 保存多个线程对象的容器, 实现线程对象的反复利用
浏览器内核:支撑浏览器运行的最核心的程序
不过浏览器不同 他的内核可能有所不同
-
Chrome, Safari : webkit
-
firefox : Gecko
-
IE : Trident
-
360,搜狗等国内浏览器: Trident + webkit
-
内核由很多模块组成
2. 定时器
-
定时器真是定时执行的吗?
- 定时器并不能保证真正定时执行
- 一般会延迟一丁点(可以接受), 也有可能延迟很长时间(不能接受)
-
定时器回调函数是在分线程执行的吗?
- 在主线程执行的, js是单线程的
-
定时器是如何实现的?
- 事件循环模型(后面讲)
-
如何证明js执行是单线程的?
-
setTimeout()的回调函数是在主线程执行的
-
定时器回调函数只有在运行栈中的代码全部执行完后才有可能执行
-
-
为什么js要用单线程模式, 而不用多线程模式?
-
JavaScript的单线程，与它的用途有关。
-
作为浏览器脚本语言，JavaScript的主要用途是与用户互动，以及操作DOM。
-
这决定了它只能是单线程，否则会带来很复杂的同步问题
-
代码的分类:
-
初始化代码
-
回调代码
-
-
js引擎执行代码的基本流程
-
先执行初始化代码: 包含一些特别的代码
-
设置定时器
-
绑定监听
-
发送ajax请求
-
后面在某个时刻才会执行回调代码
-
