Javascript执行上下文和作用域

• 变量或函数的执行上下文决定了它们可以访问哪些数据，以及它们的行为。每个上下文都有一个关联的变量对象，而这个上下文中定义的所有变量和函数都存在于这个对象上。
• 全局上下文是最外层的上下文。 在浏览器中，全局上下文就是window对象，通过var定义的全局变量和函数都会成为window对象的属性和方法。
• 上下文在其所有代码都执行完后会被销毁，包括定义在它上面的所有变量和函数（全局上下文在应用程序退出前才会被销毁，比如关闭网页或退出浏览器）。
• 上下文中的代码在执行时会创建变量对象的一个作用域链。这个作用域链决定了各级上下文中的代码在访问变量和函数时的顺序。代码正在执行的上下文的变量对象始终位于作用域链的最前端。
• 代码执行时的标识符解析是通过沿作用域链逐级搜索标识符名称完成的。搜索过程始终从作用域链最前端开始。

var color = 'red'
function changeColor () {
  if (color === 'red') {
    color = 'blue'
  } else {
    color = 'red'
  }
}
changeColor()
console.log(color) // blue
// 函数内部能访问到color是因为能够在作用域链中找到它

• 局部作用域中定义的变量可用于在局部上下文中替换全局变量。

var color = 'orange'
function changeColor () {
  var color = 'blue'
  if (color === 'red') {
    color = 'blue'
  } else {
    color = 'red'
  }
  console.log(color)
}
changeColor() // red