js变量提升

1.什么叫变量提升

JavaScript引擎的工作方式是先解析代码，获取所有被声明的变量，然后再一行一行地运行。这样所有的变量的声明语句，都会被提升到代码的头部，这就叫做变量提升

2.代码示例

<pre name="code" class="javascript"><span style="font-size:24px;">var v="a";
(function(){
  var v="b";
  alert(v);
})()</span>

运行上面的代码，你们觉的会输出什么呢？答案是undefined，当时运行之后我就不懂了，怎么会是undefined呢？原来，javascript引擎有一个变量提升的功能，所以上述代码实际运行是下面这样的。

代码如下：

<span style="font-size:24px;">var v="a";
(function(){
  var v;
  alert(v);
  v="b";
 })()</span>

看到这个代码，我想还有些新人存在困惑，不是前面定义了v="a";了吗，为什么还是undefined呢？javascript是函数级作用域，和java不同的是java是块级作用域，在代码块中新定义的同名变量是作用在这个块内的，而js只有函数内才能做为新的作用域，上面就是在函数里操作的，所以是新的作用域，也就是说如果上述代码写成这样，结果就不同了。

function test(){<span style="font-family: Arial, Helvetica, sans-serif;">  var v="a";
</span><span style="font-family: Arial, Helvetica, sans-serif;">if(true){
var v="b";
}
alert(v);
}
test();</span>

  

这样输出的是b，虽然是在块内定义并赋值的v,但是是在一个函数作用域内，不会创建新的变量。