变量提升的问题hoisting

变量提升的问题hoisting

1.先看一段代码

var a="you bad bad";

alert(v);

可以预见的结果是输出you bad bad

2.修改一下

var a="you bad bad";

(function(){

alert(a);})()

弹出的结果是一样的

3.但是接下来

var a="you bad bad";

(function(){

alert(a);

var a=" I love you";

})()

这个会弹出什么呢？

这里抛出了一个undefined。这里面就是一个变量提升的问题。

变量提升顾名思义就是把下面的变量或函数提到程序上面去定义，为了解释提升，我们先看一下js的作用域问题（scoping）。

1.在我们熟悉的C语言中

inta =1;

printf("%d, ", b);// 1

if(true) {

inta =2;

printf("%d, ", a);// 2

}

printf("%d\n", a;// 1

输出的结果将是1,2，1，这是因为在c语言中有块级作用域的概念，在if块中声明的变量，不会影响到外部作用域。

2.JavaScript中就不是上面的情况了

var a=1;

console.log(a);//1

if(true)

{

var a=2;

console.log(a);//2

}

console.log(a);//2

在这里输出结果是1,2,2.这是尹js中是函数级作用域。只有函数才会创建出新的作用域。

为了解决上面的问题，我么可以这样写

functionfoo(){

vara=1;

if(true){

（function(){

vara=2;

}());

}

console.log(a);//1

}

这样就是可以创建一个域不影响其他变量。

3.变量提升的时候只是提升变量的声明，并不会把赋值也提升。

看这个例子

（function（）{

vara='apple;

varb='pear';

varc='banana';)

实际上，它的过程是

(function(){

vara,b,c;

a='apple';

b='pear';

c='banana';

})()

所以我们最开始那段报出undefined的代码应该是这样的

vara="you bad bad";

(function(){

vara;

alert(a);

vara=" I love you";

})()

从这里我们可以知道，我们主要把变量放在块级作用域的顶端，即var a;防止出现不希望看见的结果。

4.刚刚说不仅变量可以提升，函数也可以提升。我们知道在js中，函数有两种写法，一中是函数表达式，一种是函数声明方式，而只有函数声明方式才能被提升。

函数表达式失败提升：

functionMy(){

foo();

varfoo=functionfoo(){

alert("you bad bad");

}

}

My();

函数声明提升成功：

functionMy(){

foo();

functionfoo(){

alert("you bad bad");

}

}

My();