JS运行机制

基础知识

1、js是单线程运行,同一时间只能做一件事情,这是因为js是浏览器脚本语言,用途是与用户互动进行DOM操作,单线程运行可以避免同时操作同一个DOM的矛盾问题,但同样会导致需要花费更多的运行时间
2、JS将任务分为同步任务与异步任务两类

  • 同步任务:在主线程上排队进行的,按顺序执行
  • 异步任务:不进入主线程,而进入事件列表执行,异步事件完成有结果后把结果回调函数放入“任务
    队列”(taskqueue),只有“任务队列”通知主线程某个异步任务可以执行了,该任务才会进入主线程执行

常见异步任务:

  1. 普通事件,如click、resize等
  2. 资源加载,如load、error等
  3. 定时器,包括setInterval、setTimeout等

JS运行机制

JS运行机制简图
执行机制:

  1. 先执行主线程执行栈中的同步任务
  2. 遇到异步任务,将异步任务放入任务队列中等待
  3. 一旦执行完主栈中的同步任务,系统会按次序执行任务队列中的异步任务
  4. 主线程会不断获取任务队列中的任务、执行任务、再获取、再执行任务

异步任务的处理流程
主线程遇到的异步任务&

  • 0
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值