前端面试题JS原理部分(四)异步,eventloop

1、 对JS单线程的理解

  • JS的runtime
    image.png
    JS运行环境(run time)指的是,你的代码将在什么浏览器环境下运行。JS的编译是在浏览器中完成的。可把运行环境,比较粗暴的分成JS引擎(图中的V8 JS Engine)和web API两部分,如果我们不了解这个基本框架,将难以理解异步和同步的区别。
    同步(或者单线程)的理解是JS引擎下的编码规范:每次运行一个函数,遵循后进先出的原则
console.log("Start")
function sayHello(name){ 
  console.log(`Hello $ {name}!`))
} 
sayHello("world"); 
console.log("end");
\\运行结果
\\start
\\Hello world
\\end

[注]对于后进先出不了解的,可以模拟一下recursion函数是怎么运行的
[注]可以读一下这篇博文,写的非常好。

2、 以setTimeout为例谈一谈异步,以及event Loop。

首先要理解JS引擎没有异步,异步是由webAPI提供的的功能,带时序的都是异步如XHRhttp和setTimeout。一旦代码请求调用异步API,那么异步代码会屏蔽掉,接着顺序执行后面的代码。屏蔽掉的代码,在browser得到返回许可后,在Callback/Task/Event queue(都是一种东西,有不同的叫法)中等待。通过Event loop时刻查询JS的call stack情况,等到栈为空的时候,进栈执行。
image.png

setTimeout(function(){
    console.log("Start")
  },0);
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值