关于作用域的一点疑问和分析——changeColor

今天在看JS高程3的时候看到这样一段代码，同时联想到之前看视频教程的时候看到的一段代码，开始有些疑惑，后面再看一遍视频便理解了。

先上两段代码：

var color = "blue";
function changeColor(){
    alert(color);                          //   blue
    if(color === "blue"){
      color = "red";
   }else {
       color = "blue";
   }
}
changeColor();
alert("color is now " + color)     //  color is now red

第二段：

var color = "blue";
function changeColor(){
  alert(color); // undefined
  var color = "red";
}
changeColor();
alert("color is now " + color) // color is now blue

疑惑：两段代码中，为什么第一段代码中的color会返回blue，而第二段代码则是返回undefined？ 按理说，function里面是可以通过作用域链访问到外部的全局变量的。但是为什么这里返回的结果不一样呢？？

初步猜想是因为if else 语言造成的影响

表达式可以修改预解析的值； 函数的环境内也是一个局域； 函数里面的代码，是在调用他的时候才执行的；

实际原因：

第一段代码是因为函数内，没有var 也没有function，没有参数，所以就要跑到全局环境里面去找

找到color的值被修改为"blue"， 所以这里的alert(color)返回blue，跟if语句其实没啥关系。

而第二段代码，是因为函数被调用时候，里面有var，与解析的时候会给a一个未定义 a=... ，所以在逐行执行函数内代码时候，第一行会返回undefined；