JS运行机制与事件循环(Event Loop)

JS是单线程的,确保了操作dom时不会有其它线程冲突;HTML5提出Web Worker标准,允许JavaScript脚本创建多个线程,但是子线程完全受主线程控制,且不得操作DOM。

同步任务/异步任务

在执行同步代码时如遇到异步事件,会将异步代码放到事件循环中(异步任务),继续执行栈中的其它任务;
同步任务:在主线程上执行的任务,只有前一个任务执行完,才能执行后一个任务
异步任务:不进入主线程、而进入"任务队列"(task queue)的任务,同步任务执行完了,该任务才会执行

事件循环(Event Loop)—— JS对单线程的任务处理方式

主线程同步任务执行完了,就去读取任务队列,不断重复。这个过程就是事件循环
(1)主线程-执行栈(execution context stack)-同步任务
(2)任务队列(tash queue)-异步任务

任务队列中的事件又分宏任务/微任务
在这里插入图片描述执行顺序:
主线程同步任务>微任务>宏任务

看个题

console.log('start');
 
setTimeout(function() {
    console.log('setTimeout');
}, 0);
 
Promise.resolve().then(function() {    
	console.log('promise1');
}).then(function() {    
	console.log('promise2');
});
console.log('end');
  • 答案为
  • 答案为
  • 答案为
//start  		//同步任务
//end    		//同步任务
//promise1		//微任务
//promise2		//微任务
//setTimeout	//宏任务
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值