JS 引擎执行机制

JS

  1. JS 是单线程语音
  2. JS 的 Event Loop 是 JS 的执行机制。类似于 Android Handler 消息分发机制

JS 单线程

  • 技术的出现都跟现实世界里的应用场景密切相关
  • JS 单线程
    • JS 最初被设计用在浏览器中,相当于在 UI 线程,设计成多线程就涉及到同步的问题,很复杂,假如不同步的话, UI 线程就不安全。所以设计成了单线程
  • JS 为什么需要异步
    • JS 因为是单线程的,可以在 IO 等操作,但是因为是耗时操作,所以会出现卡死的情况,所以为了不影响用户体验,所以需要设计成异步
  • JS 单线程如何实现异步
    • JS 通过事件循环(Event Loop),实现异步,类似于 Android Handler , Looer , MessageQueue 机制

宏任务和微任务

  • 宏任务:包括整体代码 script,setTimeout, setInterval
  • 微任务:Promise, process.nextTick

参考: https://mp.weixin.qq.com/s/8_GqWtndTxHoALhTngWglw

原文地址:https://www.cnblogs.com/liyiran/p/9360018.html

时间: 2024-11-13 06:57:12

JS 引擎执行机制的相关文章

JS代码执行机制

JS代码从编译到执行 我们写出一段JS代码,JS的引擎并不是按照我们书写的顺序从上到下顺序编译并且执行的,首先是按照自己的规则对我们的代码先进行编译,然后从上到下执行编译的代码. 在全局作用域中,JS首先会对我们的函数进行声明,然后就是我们经常听到的变量提升机制,然后才是按照我们书写代码的顺序,来进行编译,然后在执行编译的代码. 看如下代码: function fn(){ console.log(a); } fn(); var a = "value"; 非常常见的一个面试题fn函数执行

浅析JS异步执行机制

前言 JS异步执行机制具有非常重要的地位,尤其体现在回调函数和事件等方面.本文将针对JS异步执行机制进行一个简单的分析. 从一份代码讲起 下面是两个经典的JS定时执行函数,这两个函数的区别相信对JS有一定基础的同学是十分清楚的.timeout仅仅只会执行一次,而interval则会执行多次. setTimeout(function (args) { console.log('timeout') }, 1000); setInterval(function (args) { console.log

小tips:在JS语句执行机制涉及的一种基础类型Completion

看一个如下的例子.在函数 foo 中,使用了一组 try 语句.在 try 中有 return 语句,finally 中的内容还会执行吗? function foo(){ try{ return 0; } catch(err) { } finally { console.log("a") } } 得到的结果是:a 0. 根据结果可以看出finally执行了,return语句也生效了. 虽然 return 执行了,但是函数并没有立即返回,又执行了 finally 里面的内容,这样的行为违

js的执行机制

进程 应用程序 都可以算是一个进程 几乎所有的应用程序都是多进程 线程 每个进程里的最小单位就是线程 多线程好 共作效率高,但是js这门语言是操作dom,就相当于我们盖房子,前面的没盖好,后面的就没法操作.单线程,有一处出现问题,后面的都需要等待. 为了解决单线程出现的问题js提供了同步和异步这两个概念 同步执行:前一个任务执行完了,才能执行后一个任务,这种事同步执行 相当于盖房子 异步执行:前一个任务执行时花费时间过长,无需等待,执行下一个任务,这时异步.相当于做饭,煮饭的时候还可以炒菜. J

JS引擎的执行机制

深入理解JS引擎的执行机制 1.灵魂三问 : JS为什么是单线程的? 为什么需要异步? 单线程又是如何实现异步的呢? 2.JS中的event loop(1) 3.JS中的event loop(2) 4.说说setTimeout 首先,请牢记2点: (1) JS是单线程语言 (2) JS的Event Loop是JS的执行机制.深入了解JS的执行,就等于深入了解JS里的event loop 1.灵魂三问 : JS为什么是单线程的? 为什么需要异步? 单线程又是如何实现异步的呢? 技术的出现,都跟现实

10分钟理解JS引擎的执行机制

10分钟理解JS引擎的执行机制 javascript 阅读约 7 分钟 深入理解JS引擎的执行机制 1.灵魂三问 : JS为什么是单线程的? 为什么需要异步? 单线程又是如何实现异步的呢? 2.JS中的event loop(1) 3.JS中的event loop(2) 4.说说setTimeout 首先,请牢记2点: (1) JS是单线程语言 (2) JS的Event Loop是JS的执行机制.深入了解JS的执行,就等于深入了解JS里的event loop 1.灵魂三问 : JS为什么是单线程的

理解JS引擎的执行机制

首先,请牢记2点: (1) JS是单线程语言 (2) JS的Event Loop是JS的执行机制.深入了解JS的执行,就等于深入了解JS里的event loop 1.灵魂三问 : JS为什么是单线程的? 为什么需要异步? 单线程又是如何实现异步的呢? 技术的出现,都跟现实世界里的应用场景密切相关的. 同样的,我们就结合现实场景,来回答这三个问题 (1) JS为什么是单线程的? JS最初被设计用在浏览器中,那么想象一下,如果浏览器中的JS是多线程的. 场景描述: 那么现在有2个线程,process

javascript从定义到执行 js引擎 闭包

javascript从定义到执行,JS引擎在实现层做了很多初始化工作,因此在学习JS引擎工作机制之前,我们需要引入几个相关的概念:执行环境 栈.全局对象.执行环境.变量对象.活动对象.作用域和作用域链等,这些概念正是JS引擎工作的核心组件.这篇文章的目的是孤立的为你讲解每一个概念,而 是通过一个简单的demo来展开分析,全局讲解JS引擎从定义到执行的每一个细节,以及这些概念在其中所扮演的角色. var x = 1;  //定义一个全局变量 x function A(y){ var x = 2; 

js执行机制

1.     关于javascript js是一门单线程语言,一切js版的'多线程'都是用单线程模拟起来的. 2.     js事件循环 将任务分为2类:同步任务.异步任务 同步任务进入主线程,异步任务进入Event Table并注册函数 当指定的事件完成时,Event Table会将这个函数移入Event Queue 主线程内的任务执行完毕为空后,会去Event Queue读取对应的函数,进入主线程运行 以上过程会不断的重复,即Event Loop事件循环 js引擎存在monitoring p