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做对比，应该更易于理解。