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

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

先上两段代码：

 1 var color = "blue";
 2 function changeColor(){
 3     alert(color);                          //   blue
 4     if(color === "blue"){
 5       color = "red";
 6    }else {
 7        color = "blue";
 8    }
 9 }
10 changeColor();
11 alert("color is now " + color)     //  color is now red

第二段：

1 var color = "blue";
2 function changeColor(){
3   alert(color); // undefined
4   var color = "red";
5 }
6 changeColor();
7 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；