当前位置:网站首页>【JS执行机制】

【JS执行机制】

2022-08-02 14:20:00 铃儿响叮当不响

【JS是单线程】

Javascript 语言的一大特点是单线程同一个时间只能做一件事。

单线程意味着,所有任务需要排队,前一个任务结束后才会执行后一个任务,这样所导致的问题是,如果js执行的时间过长,这样就会造成页面渲染不连贯,导致页面渲染加载阻塞的感觉。

【同步和异步】

为了解决这个问题,利用多核CPU计算能力,HTML5提出Web Worker标准,允许JavaScript脚本创建多个线程。于是,JS中出现了同步和异步。同步:前一个任务结束后再执行后一个任务,程序的执行顺序与人物的排列顺序是一致的、同步的。异步:在做一件事情等待的过程的同时,还可以去处理其他事情。

【同步任务】

同步任务都在主线程上执行,形成一个执行栈

【异步任务】

JS的异步是通过回调函数实现的 异步任务相关添加到任务队列中(任务队列也称为消息队列)

异步任务有以下三种类型:

  1. 普通事件 如 click resize等
  2. 资源加载 如  load error等
  3. 定时器 包括setInterval setTimeout等

【JS执行机制】

  1. 先执行执行栈中的同步任务
  2. 异步任务放入任务队列中
  3. 一旦执行栈中的所有同步任务执行完毕系统就会按次序依次读取任务队列中的异步任务,于是被读取的异步任务结束等待状态,进入执行栈,开始执行。

【事件循环(event loop)】

由于主线程不断地重复获得任务、执行任务、再获取任务再执行,这种机制被称为事件循环

原网站

版权声明
本文为[铃儿响叮当不响]所创,转载请带上原文链接,感谢
https://blog.csdn.net/qq_36507046/article/details/125933856