Js执行机制,同步任务异步任务

Posted 前端开发小菜鸡

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Js执行机制,同步任务异步任务相关的知识,希望对你有一定的参考价值。

Js中是一个单线程的,但是分同步和异步,同步是依次执行的,如:洗衣服、做饭、烧水,按个按顺序执行;而异步任务,如:洗衣服的时候烧水,做饭;这就是同步与异步的区别。

异步的任务有:ajax的回调函数

        DOM事件的回调函数

        setTimeout、setInterval定时器的回调函数

笼统的可以说回调函数就是一个异步任务(不知道正不正确,待以后深入学习再回来看);

Js的执行同步异步任务的机制如图:

 

 

先看看用最简单的setTimeout异步任务吧:

 

 

 

 

其他回调函数都是这个道理。

点击了,给异步处理,然后函数结果进任务栈,主栈把里面的任务都拿出来执行。

以上是关于Js执行机制,同步任务异步任务的主要内容,如果未能解决你的问题,请参考以下文章

js执行机制(学习笔记)

js事件循环运行机制

js事件循环运行机制

20230515学习笔记——js中的同步任务与异步任务,宏任务与微任务

Review——JS的异步与同步

同步任务和异步任务