JavaScript中执行上下文的产生

JavaScript中的运行环境主要包括以下三种:

• 全局环境: 代码运行起来后首先会进入全局环境
• 函数环境: 当函数被调用执行时,会进入当前函数中执行环境
• eval环境: 不建议使用.

这个Demo演示执行上下文的运行情况

//demo.js
var color = blue

function changeColor(){
  var anotherColor = 'red'
  function swapColor(){
    var tmpColor = anotherColor
    anotherColor = color
    color = tempColor
  }
  swapColor()

}

changeColor()

第一步:全局上下文入栈

第二步:遇到changeColor()==>ChangeColor EC的上下文入栈

第三步:ChangeColor EC的上下文入栈后,swapColor() EC入栈

第四步:由于swapColor() EC入栈后,没有其他执行上下文产生,swapColor() EC弹栈

第五步:ChangeColor EC弹栈

最后:全局上下文会在浏览器关闭窗口后弹栈

关键语句:

代码运行起来后首先会进入全局环境;

函数执行时才会创建执行上下文;

转载于:https://my.oschina.net/u/3784311/blog/2054391