前端基础知识总结---JS高级篇(4)_线程机制与事件机制

浅浅的花香味﹌ 2022-09-10 15:13 214阅读 0赞

# 1. 线程与进程 #

## 1). 进程: ##

程序的一次执行, 它占有一片独有的内存空间
    可以通过windows任务管理器查看进程

## 2). 线程: ##

是进程内的一个独立执行单元
    是程序执行的一个完整流程
    是CPU的最小的调度单元

## 3). 关系 ##

一个进程至少有一个线程(主)
    程序是在某个进程中的某个线程执行的

# 2. 浏览器内核模块组成 #

## 1). 主线程 ##

js引擎模块 : 负责js程序的编译与运行
    html,css文档解析模块 : 负责页面文本的解析
    DOM/CSS模块 : 负责dom/css在内存中的相关处理 
    布局和渲染模块 : 负责页面的布局和效果的绘制(内存中的对象)

## 2). 分线程 ##

定时器模块 : 负责定时器的管理
    事件响应模块 : 负责事件的管理
    网络请求模块 : 负责Ajax请求

## 3). js线程 ##

js是单线程执行的(回调函数也是在主线程)
    H5提出了实现多线程的方案: Web Workers   --->var worker = new Worker('./work.js');
    只能是主线程更新界面

# 3. 定时器问题: #

定时器并不真正完全定时
    如果在主线程执行了一个长时间的操作, 可能导致延时才处理

# 4. 事件循环机制 #

![img][]

## 1). 代码分类 ##

初始化执行代码: 包含绑定dom事件监听, 设置定时器, 发送ajax请求的代码
    回调执行代码: 处理回调逻辑

## 2). js引擎执行代码的基本流程: ##

初始化代码===>回调代码

## 3). 模型的2个重要组成部分: ##

事件管理模块
    回调队列 （callback queue）

## 4). 模型的运转流程 ##

执行初始化代码, 将事件回调函数交给对应模块管理
    当事件发生时, 管理模块会将回调函数及其数据添加到回调列队中

调函数交给对应模块管理  
当事件发生时, 管理模块会将回调函数及其数据添加到回调列队中  
只有当初始化代码执行完后(可能要一定时间), 才会遍历读取回调队列中的回调函数执行

[img]: /images/20220829/9e6a220c637148cf9e115bcfcbe09341.png

发表评论取消回复

表情：

评论列表（有 0 条评论，214人围观）

还没有评论，来说两句吧...

相关阅读

相关 JS高级（11）—— 线程机制与事件机制

一、进程与线程 1. 进程：程序的一次执行，它占有一片独有的内存空间 2. 线程：CPU的基本调度单位，是程序执行的一个完整流程 ![在这里插入图片描述]

短命女/ 2022年12月23日 07:05/ 0 赞/ 185 阅读

相关线程-事件机制

一对一模式：这里主要是对 createevent() 参数的设置有所了解。 include<stdlib.h> include<stdio.h> i

向右看齐/ 2022年09月25日 02:19/ 0 赞/ 166 阅读

相关多线程-事件机制

多线程-事件机制：即线程B的启动需要等待线程A的某个信号，如果等待到信息则开始执行，代码如下，摘自《精通Windows API》： / 《精通Wind

我不是女神ヾ/ 2022年09月24日 15:27/ 0 赞/ 150 阅读

相关前端基础知识总结---JS高级篇(5)_ES笔记

理解ES 1. 全称: ECMAScript 2. js语言的规范 3. 我们用的js是它的实现 4. js的组成 ECMAScript(js基础)

痛定思痛。/ 2022年09月10日 15:13/ 0 赞/ 233 阅读

相关前端基础知识总结---JS高级篇(4)_线程机制与事件机制

1. 线程与进程 1). 进程: 程序的一次执行, 它占有一片独有的内存空间可以通过windows任务管理器查看进程 2). 线程:

浅浅的花香味﹌/ 2022年09月10日 15:13/ 0 赞/ 215 阅读

相关前端基础知识总结---JS高级篇(3)_对象高级

1. 对象的创建模式 1). Object构造函数模式 var obj = new Object() obj.name = 'Tom' ob

﹏ヽ暗。殇╰゛Y/ 2022年09月10日 15:13/ 0 赞/ 209 阅读

相关前端基础知识总结---JS高级篇(2)_函数高级

1. 原型与原型链 1). 什么是原型对象: 1. 每个函数都有一个prototype属性，该属性指向的是原型对象(显示原型对象) 2. 每个实例对

缺乏、安全感/ 2022年09月10日 15:13/ 0 赞/ 257 阅读

相关前端基础知识总结---JS高级篇(1)

1. 数据类型的分类和判断 1). 基本(值)类型 Number ----- 任意数值 -------- typeof String ----- 任

电玩女神/ 2022年09月10日 15:12/ 0 赞/ 274 阅读

相关前端基础知识总结---JS篇

JavaScript 面试知识点总结本部分主要是笔者在复习 JavaScript 相关知识和一些相关面试题时所做的笔记，如果出现错误，希望大家指出！目录

妖狐艹你老母/ 2022年09月10日 15:12/ 0 赞/ 492 阅读

相关 JavaScript高级-04_线程机制与事件机制

线程与进程进程: 程序的一次执行, 它占有一片独有的内存空间可以通过windows任务管理器查看进程线程:

柔情只为你懂/ 2022年05月17日 02:36/ 0 赞/ 193 阅读