js 函数执行上下文

执行上下文（Execution Context）

执行上下文又称执行环境。JavaScript 在内部创建的全局作用域（Global Scope），大致等效于 var window = Window()。浏览器打开 URL 时，会自动创建第一个执行上下文——全局作用域。

执行上下文是由一个包含变量定义和 this 对象绑定的域派生的。在一个给定的执行上下文中的 this 对象，本质上指向了其操作的对象上下文。

函数调用时会产生一个执行上下文，然后这个新创建的执行上下文会被放到调用栈（Execution Stack or Call Stack）栈顶。还有另外一种情况也会生成执行上下文，就是 new 构造函数实例化对象的时候。

无论你是调用函数还是实例化任何对象，都会创建新的执行上下文并将其入栈。重复此过程，同时一直保持 this 对象指向当前执行上下文（即栈顶的执行环境）。

JavaScript 中的执行环境可以分为三种。

• 全局环境：在浏览器中，全局环境被认为是 window 对象。因此，所有的全局变量和函数都作为 window 对象的属性和方法创建的。
• 函数环境：当一个函数执行时，就会创建该函数的执行环境，在其中执行代码。
• eval

函数内，没有使用 var 声明的变量，在非严格模式下为 window 的属性，即全局变量。

函数调用栈（call stack）

具体参考 MDN 术语解释

调用栈是解释器（比如浏览器中的 JavaScript 解释器）追踪函数执行流的一种机制。当执行环境中调用了多个函数时，通过这种机制，我们能够追踪到哪个函数正在执行，执行的函数体中又调用了哪个函数。

• 每调用一个函数，解释器就会把该函数添加进调用栈并开始执行。
• 正在调用栈中执行的函数还调用了其它函数，那么新函数也将会被添加进调用栈，一旦这个函数被调用，便会立即执行。
• 当前函数执行完毕后，解释器将其清出调用栈，继续执行当前执行环境下的剩余的代码。
• 当分配的调用栈空间被占满时，会引发“堆栈溢出”错误。

执行环境栈（执行上下文栈，Execution Context Stack）

每当函数调用时就会创建执行环境，然后放入执行环境栈，栈底永远是全局环境，栈顶是当前执行函数的环境。栈顶函数执行环境执行完就出栈，执行下一个执行环境。

function A() {
  console.log('this is A')
  function B() {
    console.log('this is B')
  }
  B()
}

A()

调用栈依次为：
[ 全局环境 ]
[ 全局环境，A 执行环境 ] A()，调用 A 函数，A 执行环境入栈
[ 全局环境，A 执行环境，B 执行环境 ] A 函数执行时，遇到 B()， 调用 B 函数，B 入栈
[ 全局环境，A 执行环境 ] B 执行结束，出栈
[ 全局环境 ] A 执行结束出栈

function A() {
  function B() {
    console.log('hello')
  }
  return B
}

var C = A()
C()

调用栈依次为：
[ 全局环境 ]
[ 全局环境，A 执行环境 ] A()，调用 A 函数，A 执行环境入栈
[ 全局环境 ] A 函数执行时，内部没有调用函数，执行完毕出栈
[ 全局环境，B 执行环境 ] C()，相当于执行函数 B，B 执行环境入栈
[ 全局环境 ] B 执行结束，出栈

闭包

function A() {
  var foo = 'AAA'
  function B() {
    console.log(foo)
  }
  return B
}

var C = A()

C()
// AAA

调用栈依次为：
[ 全局环境 ]
[ 全局环境，A 执行环境 ] A()，调用 A 函数，A 执行环境入栈
[ 全局环境 ] A 函数执行，函数 B 将外部函数 A 的活动对象（即变量和方法）添加到自己的作用域。内部没有调用函数，执行完毕出栈
[ 全局环境，B 执行环境 ] C()，相当于执行函数 B，B 执行环境入栈
[ 全局环境 ] B 执行结束，出栈

1、闭包是指有权访问另一个函数作用域中的变量的函数
2、当包含函数执行完毕后，其执行环境的作用域被销毁回收，但它的活动对象仍然留存在内存中，直到匿名函数被销毁后，包含函数的活动对象才会被销毁。
3、闭包只能取得包含函数（外部函数）中任何变量的最后一个值。

箭头函数

箭头函数本身没有 this，看其外层的是否有函数，如果有，外层函数的 this 就是箭头函数的 this；如果没有，则 this是 window。