一、js的运行机制
- JavaScript是单线程,意味着任务要一个接着一个完成,但是,如果前一个任务执行时间很长,那么后面的任务就得一直阻塞着,这样用户体验十分差。
- JavaScript的任务分为两种,在主线程上执行的任务"同步任务",被主线程挂载起来的任务"异步任务",后者一般是放在一个叫任务队列的数据结构中。
-
异步执行运行机制,也就是js的运行机制:
1) 所有同步任务都在主线程上执行,形成一个执行栈
2) 主线程之外,还有一个“任务队列”,只要异步任务有了运行结果,就在“任务队列”之中放置一个事件
3) 一旦“执行栈”中的所有同步任务执行完毕了,系统就会读取“任务队列”,看看里面有哪些事件。那些对应的异步任务,于是结束等待状态,进入执行栈,开始执行
4) 主线程不断重复上面的三步
- 任务队列就是一个事件队列,一般只有主线程所有任务都执行完毕了,才会执行任务队列里面的异步任务,一般是按照队列的“先进先出”顺序执行
- 定时器,属于任务队列中的异步任务,定时器主要由
和setTimeout()
两个函数来完成,内部运行机制完全一样,不同的只是,前者一次性执行,而后者反复执行setInterval()
-
运行过程:
1) 执行一个宏任务,过程中如果遇到微任务,就将其放到微任务的事件队列里
2) 当前宏任务执行完成后,会查看微任务的事件队列,并将里面全部的微任务依次执行完