当前位置:网站首页>【JS执行机制】
【JS执行机制】
2022-08-02 14:20:00 【铃儿响叮当不响】
【JS是单线程】
Javascript 语言的一大特点是单线程即同一个时间只能做一件事。
单线程意味着,所有任务需要排队,前一个任务结束后才会执行后一个任务,这样所导致的问题是,如果js执行的时间过长,这样就会造成页面渲染不连贯,导致页面渲染加载阻塞的感觉。
【同步和异步】
为了解决这个问题,利用多核CPU计算能力,HTML5提出Web Worker标准,允许JavaScript脚本创建多个线程。于是,JS中出现了同步和异步。同步:前一个任务结束后再执行后一个任务,程序的执行顺序与人物的排列顺序是一致的、同步的。异步:在做一件事情等待的过程的同时,还可以去处理其他事情。
【同步任务】
同步任务都在主线程上执行,形成一个执行栈
【异步任务】
JS的异步是通过回调函数实现的 异步任务相关添加到任务队列中(任务队列也称为消息队列)
异步任务有以下三种类型:
- 普通事件 如 click resize等
- 资源加载 如 load error等
- 定时器 包括setInterval setTimeout等
【JS执行机制】
- 先执行执行栈中的同步任务
- 异步任务放入任务队列中
- 一旦执行栈中的所有同步任务执行完毕,系统就会按次序依次读取任务队列中的异步任务,于是被读取的异步任务结束等待状态,进入执行栈,开始执行。
【事件循环(event loop)】
由于主线程不断地重复获得任务、执行任务、再获取任务再执行,这种机制被称为事件循环。
边栏推荐
- Mysql锁机制与事务隔离
- 为什么四个字节的float表示的范围比八个字节的long要广?
- [Time series model] AR model (principle analysis + MATLAB code)
- 有效的括号【暴力、分支判断、哈希表】
- nvm管理node版本 nodenpm不是内部或外部命令,也不是可运行的程序
- 【面经】被虐了之后,我翻烂了equals源码,总结如下
- APP版本更新通知流程测试要点
- LAMP 环境搭建 yum源安装方式 (Apache 2.4.6 +mysql 8.0.28+php 8.1.3)
- 【数据读写】csv文件与xls/xlsx文件
- abstract和接口的基础知识
猜你喜欢
随机推荐
CDN的加速原理是什么?
JS中的数组方法和循环
Mysql-Explain与索引详解
网络运维系列:端口占用、端口开启检测
flask获取post请求参数
DOM —— 事件类型
XML技术
异常抛出错误
职工管理系统(SSM整合)
golang时间-时间戳的获取-转换-计算
解决启动filebeat时遇到Exiting: error unpacking config data: more than one namespace configured accessing错误
数据源,分层开发以及jsp标签总结及相关代码
【IP基本原理-ARP原理】
【网络参考模型】
排列熵、模糊熵、近似熵、样本熵的原理及MATLAB实现之近似熵
【SVM回归预测】基于LibSVM实现多特征数据的预测
Nvm,Nrm使用教程
为什么四个字节的float表示的范围比八个字节的long要广?
网络运维系列:二级域名启用与配置
解决跨域问题的方法 --- CORS