学习之js执行机制(新手小白的简单理解)

学习之js执行机制(新手小白的简单理解)

javascript是一门单线程语言，一件事情做完后，再做另一件事情。上一件事情没做完，就必须等着，不能同时干。

为什么js是单线程的呢？

他的用途决定了他是单线程。若js有两个线程，一个线程删除dom节点，另一个线程为这个dom节点添加内容，此时就不知道以哪个线程为准了，很混乱。
但是，如果有一件事情，处理的时间很长，造成了阻塞，用户体验不好，该怎么办？-----js产生了同步和异步任务

同步和异步任务

js执行时

• 遇到同步任务放进主线程中执行
• 遇到异步任务时，
  • 如果任务属于宏任务，先被放入宏任务event table中注册回调函数,指定的事件完成时,进入宏任务队列(event queue)
    🌰例：宏任务setTimeout(function(){},3000)，等待3秒之后再执行这个函数，这个3秒就是在event table里面等的，3秒之后，再进入宏任务队列
  • 属于微任务，先被放入微任务event table中注册回调函数，指定的事件完成时,进入微任务队列(event queue)

怎么实现异步？

js通过事件循环(event loop)来实现异步

• 同步任务：在主线程上排队，放入执行栈中执行
• 异步任务： 主线程执行完后，通过事件循环(event loop)，从任务队列中读取事件，进入主线程执行（⚠️先执行所以微任务，再执行宏任务）

事件循环(event loop)是javascript的执行机制

• 1.执行栈：函数的执行就是通过进栈和出栈实现的，执行时进栈，执行完后出栈
• 2.主线程不断的从"任务队列"中读取事件，放入执行栈中执行
  例：监听栈中情况，如果执行栈中为空时，主线程就会从任务队列中，读取事件,进入主线程执行栈中执行(⚠️任务队列分为两种，宏任务(macro-task)微任务(micro-task))

微任务和宏任务

• 宏任务(macro-task)：包括整体代码script，setTimeout，setInterval
• 微任务(micro-task)： Promise，process.nextTick

javacsript执行时，整体代码script作为第一个宏任务进入主线程，遇到异步任务时，如果任务属于宏任务就进入宏任务队列，属于微任务就进入微任务队列