js执行机制(学习笔记)

Posted 2022-01-13 做个机灵鬼

同步跟异步

同步任务：按任务顺序进行执行，上一个执行完毕才会执行下一个任务
异步任务：当前一个任务需要等待时，比如SetTimeout(fun,0) 会先去执行下一个任务 同时进行

js的执行机制

1.先执行主线程执行栈中的同步任务
2.异步任务(回调函数)放入任务队列中
3.主线程执行栈中的任务执行完毕以后，系统会按次读取任务列中的异步任务，于是异步任务结束等待状态，进入执行栈，开始执行

同步任务

都是在主线程上执行，形成一个执行栈

异步任务

js的异步是通过回调函数实现的
一般情况下，异步任务分三种类型
1.普通事件，如 onclick ，resize等
2.资源加载： onload ，error等
3.定时器：setTimeout setInterval等

<script>
        console.log('1');//同步任务
        document.addEventListener('click',function()
            //回调函数属于异步任务
            console.log(2);
        )
        //同步任务
        console.log('3');
    </script>

输出结果：1 3 2