当前位置:网站首页>【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)】
由于主线程不断地重复获得任务、执行任务、再获取任务再执行,这种机制被称为事件循环。
边栏推荐
- 解决跨域问题的方法 --- JSONP
- Golang基础教程
- Based on the SVM regression forecast 】 【 LibSVM realize the prediction of a characteristic data
- web渗透之sql注入
- Principles of permutation entropy, fuzzy entropy, approximate entropy, sample entropy and approximate entropy implemented by MATLAB
- static关键字的三种重要作用详解
- 【无标题】
- 从零开始的循环之旅(上)
- (三)文件操作之一——文件IO
- Object.defineProperty方法(详解)
猜你喜欢
随机推荐
DOM - Event Object
Mediasoup 杂谈(待完善)
test2
【数据读写】csv文件与xls/xlsx文件
Homebrew的简单介绍
C语言的基本程序结构详细讲解
velocity模板页面四则运算
VLAN原理
从零开始的循环之旅(下)
Redis6
lammps学习(一)单晶硅纳米磨削
Spark的概念、特点、应用场景
常见(MySQL)面试题(含答案)
lammps学习(二)联合原子模型聚乙烯拉伸
smart_rtmpd 轻松突破 C100K 测试
webrtc 有关 SDP 部分的解析流程分析
数据源,分层开发以及jsp标签总结及相关代码
8.0以上MySQL的常见错误
Filter 过滤器
CPU缓存一致性协议MESI