JS异步执行原理及回调函数具体解析是怎样的？

本文共计1725个文字，预计阅读时间需要7分钟。

JavaScript的异步执行原理：我们知道JavaScript是单线程的，而浏览器是多线程的。单线程意味着JavaScript的代码执行是顺序的，一个任务完成后才会执行下一个任务。如果有一个任务需要较长时间执行，比如AJAX请求，它将会阻塞整个JavaScript的执行。为了解决这个问题，JavaScript引入了异步执行机制。异步执行允许某些任务在后台执行，不会阻塞主线程。这样，即使某些任务需要较长时间，也不会影响其他任务的执行。

一、JS异步的执行原理

  我们知道JavaScript是单线程的，而浏览器是多线程的。单线程执行任务需要一个个排队进行，假如一个任务需要很长时间执行（像ajax需要较长时间），会直接导致无响应，后面的任务一直在等待执行。这时候就需要用到异步。

  想了解异步，首先我们要知道浏览器有最基本的三个常驻线程： JS引擎线程，事件触发线程，GUI渲染线程。

  其中JS引擎线程和事件触发线程共同构成了一种事件循环机制，而GUI渲染线程与JS引擎是互斥的，当JS引擎执行时GUI线程会被挂起，GUI更新保存在一个队列中，当JS引擎空闲时，立即被执行。

  我们从它的事件循环机制解析：

  JS引擎线程中分为同步和异步任务：

    1.同步任务全部通过主线程执行，形成执行栈。

    2.当有异步任务时交给异步进程（WebAPIs）：包含事件触发线程或者定时器线程等处理，形成任务队列。