大厂常见面试题,EventLoop,宏观,微观任务

36 篇文章 1 订阅
//请写出输出内容
			async function async1() {
			    console.log('async1 start');
			    await async2();
			    console.log('async1 end');
			}
			async function async2() {
			    console.log('async2');
			}
			
			console.log('script start');
			
			setTimeout(function() {
			    console.log('setTimeout');
			}, 0)
			
			async1();
			
			new Promise(function(resolve) {
			    console.log('promise1');
			    resolve();
			}).then(function() {
			    console.log('promise2');
			});
			console.log('script end');
			
			
			/*
			script start
			async1 start
			async2
			promise1
			script end
			async1 end
			promise2
			setTimeout
			*/

小知识点1,为什么js是单线程
JavaScript语言的一大特点就是单线程,也就是说,同一个时间只能做一件事。那么,为什么JavaScript不能有多个线程呢?这样能提高效率啊。
JavaScript的单线程,与它的用途有关。作为浏览器脚本语言,JavaScript的主要用途是与用户互动,以及操作DOM。这决定了它只能是单线程,否则会带来很复杂的同步问题。比如,假定JavaScript同时有两个线程,一个线程在某个DOM节点上添加内容,另一个线程删除了这个节点,这时浏览器应该以哪个线程为准?

小知识点2
我们的async/await中,返回的是一个Promise对象,会先返回,并在该async声明的函数中进行等待。不会阻塞后面的执行

上面的例子中,注意的
1遇到async会进行执行,async后面的执行会加入到微观任务中
2setTimeOut会把时间添加的宏观任务中,在有空闲的时候加入。而且我们的执行顺序是先执行主线程中的任务,之后清空微任务队列,之后宏任务队列,微观任务,宏观任务…循环,这就是事件循环机制

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值