执行上下文栈

JavaScript 引擎并非一行一行地分析和执行程序，而是一段一段地分析执行。当执行一段代码的时候，会进行一个“准备工作”(执行上下文)

变量提升

var foo = function () {
  console.log('foo1')
}
foo() // foo1
var foo = function () {
  console.log('foo2')
}
foo() // foo2

函数提升

function foo() {
  console.log('foo1')
}
foo() // foo2
function foo() {
  console.log('foo2')
}
foo() // foo2

可执行代码

• 全局代码
• 函数代码
• eval代码

例子

例子1

var scope = 'global scope'
function checkscope() {
  var scope = 'local scope'
  function f() {
    return scope
  }
  return f()
}
checkscope()

模拟结果

stack.push(checkscope)
stack.push(f)
stack.pop() // f()
stack.pop() // checkscope()

例子2

var scope = 'global scope'
function checkscope() {
  var scope = 'local scope'
  function f() {
    return scope
  }
  return f
}
checkscope()()

模拟结果

stack.push(checkscope)
stack.pop() // checkscope()
stack.push(f)
stack.pop() // f()

参考

JavaScript深入之执行上下文栈