变量提升
2017-02-12 本文已影响0人
Yuxin_Liu
变量提升是什么鬼?
先看两端代码吧:
![](https://img.haomeiwen.com/i4696802/8e287cfc890ba911.png)
正确的执行顺序:var a; a=2; console.log(a);
![](https://img.haomeiwen.com/i4696802/e9cb7cd02f458781.png)
正确的执行顺序:var d; console.log(d);d=2;
浏览器引擎会在解释js之前对其进行编译,编译阶段会做的一部分工作就是找出所有的声明,并把他们用合适的作用域关联起来。
所以!任何声明形式的变量或是函数,都会在所有代码执行之前首先被处理。这个过程就好像被声明的变量和被声明的函数(以var开头的函数表达式不会被提升)被移动到了最上面,也就是被“提升”了。
var a=2;这条语句实际上是分两步:var a; a=2;
而a=2
这条赋值操作是原地不动的。
同样是声明,函数的提升(function开头)会比变量的提升(var开头)还优先!也就是说先提升所有的函数,再开始提升变量。看下面这段。
![](https://img.haomeiwen.com/i4696802/a82e66ee50e9f721.png)
实际的操作顺序是:
function foo(){ console.log(1)}
foo();
foo = function(){ console.log(2)}
这里面var foo是重复的声明,因此被忽略了。
再看下面这段:
![](https://img.haomeiwen.com/i4696802/b549b18f5a458cf3.png)
可以看出,对于声明和声明来说,后面的声明会覆盖前面的声明。而var同样是会被忽略掉。
最后注意的是,要避免块内函数声明,不同的浏览器可能会对这种情况做不同的处理,chrome中:
![](https://img.haomeiwen.com/i4696802/a65a05f91f0e712a.png)