一、事件循环（event loop）

• 函数在每次执行时，都会产生一个执行环境

• 执行环境负责存储函数执行时产生的一切数据
• 问题：函数的执行环境要存储到哪里呢？
  函数的执行环境存储到了一个叫做调用栈的地方

二、栈

是一种数据结构，特点:后进先出

2.1、调用栈（call stack）

• 调用栈负责存储函数的执行环境
• 当一个函数被调用时，它的执行环境会作为一个栈帧

• 插入到调用栈的栈顶，函数执行完毕其栈帧会自动从栈中弹出
  image.png

三、消息队列

• 消息队列负责存储将要执行的函数
• 当我们触发一个事件（如用户主动点击事件）时，其响应函数并不是直接就添加到调用栈中的
  因为调用栈中有可能会存在一些还没有执行完的代码
• 事件触发后，JS引擎是将事件响应函数插入到消息队列中排队
  只有栈中任务执行完了，消息队列才会入栈
  如果用户点击多次，会在消息队列中排多个任务，遵循先进先出
  image.png