JavaScript变量提升

先来看一段代码，尝试写出答案。

<script>
var v1 = '这是全局变量v1';  
var f1 = function(){  
  var d=v1;
  console.log(d);
  console.log(v1);     
  var v1 =  '这是局部变量v1';  
};

var v2 = '这是全局变量v2';  
var f2 = function(){  
  console.log(v2);    
};

var v3 = '这是全局变量v3';  
var f3 = function(){  
    var d=v3;
    var v3='这是局部变量v3';
    var dd=v3;
    console.log(d);
    console.log(v3);
    console.log(dd);    
};

var v4 = '这是全局变量v4';  
var f4 = function(){ 
  var d=v4; 
  console.log(d);     
};
</script>

f2和f4 的答案都不难得出

即分别输出window对象下的全局变量 v2和v4

原因就是函数f2和f4在建立自身的词法环境时，会先从函数体本身寻找变量，当自身找不到时，则继续遍历作用域链的上级词法环境，直到找到或者寻找对象为null为止。

而f1则输出 两个 undefined

这就涉及到了变量提升的问题了

当一个函数被建立且载入运行环境时，它会建立一个自身词法环境，该环境会预先声明自身函数体内的所以变量和函数

但在f1中变量v1的调用先于声明，故在建立词法环境时，js引擎将v1提前到调用前声明，但仅仅只是声明，并没有赋值，即v1=undefined

变量提升后的f1为：

var v1 = '这是全局变量v1';  
var f1 = function(){  
  var v1 = undefined;  
  var d=v1;
  console.log(d);
  console.log(v1);     
};

f3同理，加了个dd做对比，应该更易于理解。