博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Event Loop
阅读量:7213 次
发布时间:2019-06-29

本文共 1426 字,大约阅读时间需要 4 分钟。

javascript 运行时

  • 堆:记录了内存的分配
  • 调用栈:是栈帧这类东西所在的地方

setTimeout或者DOM,HTTP请求这些东西并不存在于V8引擎中 那我们如何进行异步编程呢?

  • 上图中包含了V8运行环境
  • 然后是浏览器提供的其它部分WebAPIs(DOM,AJAX,setTimeout)
  • 再然后就是事件循环event loop 和 回调队列 call back queue

单线程

  • javascript是一个单线程的编程语言
  • 单线程的运行环境,它有且只有一个调用栈,它每次只能够做一件事情

call stack 调用栈

什么是调用栈

cal stack是记录当前程序所在位置的数据结构

  • 如果当前进入了某个函数,v8就创建一个栈帧压入栈中
  • 如果当前离开了某个函数,该栈帧就会被弹出栈外

你可以借助如下动图理解call stack

当我们在Chrome的控制台上运行如下代码时,会抛出一个异常,它将整个栈树都打印了出来

错误是从foo开始,到bar,到baz,再到匿名函数,也就是上图中的main函数

内存泄露

如果我们有一个调用自身的函数foo,那么会发生什么呢?

阻塞

没有什么严格意义上的阻塞,阻塞仅仅指的是代码运行很慢,比如说

  • console.log不慢,但是遍历从1到10亿很慢
  • http请求很慢
  • 加载图片很慢

反正在调用栈里表现很慢的东西都叫阻塞

同步任务和异步任务

javascript程序中任务可以分为两类

  • 1 同步任务
  • 2 异步任务

同步任务会依次进入call stack调用栈中执

异步任务会被v8引擎放任务队列中,只有当同步任务全部执行完毕,异步任务才会从队列首部至尾部依次进入调用栈执行

任务队列和事件循环

V8引擎提供了两个东西

  • 1一个正在运行的主线程
  • 2 task queue 任务队列(用于存放程序中的异步任务)
    • 每一个异步任务都有一个为了处理这个异步任务相关联的函数
  • 1 主线程会去执行所有的同步任务。
  • 2 等到同步任务全部执行完,就会去看任务队列里面的异步任务。
  • 3 如果满足条件,那么异步任务就重新进入主线程开始执行,这时它就变成同步任务了。
  • 4 等到执行完,下一个异步任务再进入主线程开始执行。一旦任务队列清空,程序就结束执行

通过下面动图加深理解

事件循环

异步任务的写法通常是回调函。一旦异步任务重新进入主线程,就会执行对应的回调函数。如果一个异步任务没有回调函数,就不会进入任务队列,也就是说,不会重新进入主线程,因为没有用回调函数指定下一步的操作。

javaScript 引擎怎么知道异步任务有没有结果,能不能进入主线程呢?答案就是v8引擎在不停地检查,一遍又一遍,只要同步任务执行完了,引擎就会去检查那些挂起来的异步任务,是不是可以进入主线程了。这种循环检查的机制,就叫做事件循环(Event Loop)

总结

V8引擎主要做了哪些事情

  • 1 按照代码顺序依次执行任务
  • 2 主线程遇到同步任务就放入call stack中执行,遇到异步任务就暂时挂起,
  • 3 执行同步任务的同时,事件循环(event loop)定时查看异步任务的结果,符合条件的异步任务放入到任务队列中
  • 4 程序中所有同步任务执行完毕后,主线程按照队列先进先出的特点,总是从最先进入队列的一个任务开始处理
  • 5 每一个任务都有一个与之相关的处理函数,只有当这个函数完全执行完后,才能处理下一个任务
  • 6 当所有异步任务执行完毕之后,程序结束

转载地址:http://uuwym.baihongyu.com/

你可能感兴趣的文章
Vue中数组赋值问题
查看>>
APK path is not specified for module
查看>>
Linux运维宝典:最常用的150个命令汇总
查看>>
使用RecycleView实现无限滚动的日历
查看>>
Golang Failpoint 的设计与实现
查看>>
小微贷是美团的上坡之路?
查看>>
js 将线性数据转为树形
查看>>
java B2B2C 源码 多级分销Springcloud多租户电子商城系统- 整合企业架构的技术点(二)...
查看>>
微信小程序
查看>>
区块链+金融
查看>>
阿里开发者招聘节 | 面试题14:如何实现两金额数据相加(最多小数点两位)...
查看>>
一些不错的文章
查看>>
Python爬虫常见面试题(二)
查看>>
【译】Web Components简介
查看>>
java生成缩略图类源码
查看>>
java虚拟机
查看>>
Script标签的async和defer
查看>>
JAVA 多用户商城系统b2b2c-kafka处理超大消息
查看>>
java B2B2C源码电子商城系统:服务消费(基础)
查看>>
API 集合
查看>>