今天偶然看到别人的博客里有这么一个问题,觉得很有意思
<script type="text/javascript">
var v = 10;
for (var i=0; i<5; i++) {
var v = 100;
}
alert(v);
</script>
问的是会输出什么,下面的回答有10,有100,还有些乱入的东西,正确的答案是100,那么为什么不是10呢,
var v=10;
是定义了一个全局的变量v,
for (var i=0; i<5; i++) {
var v = 100;
}
这里也有一个v,如果基础不好的很有可能会把这个v当作for循环里的局部变量,而其实呢,这个v还是之前的那个全局变量,而alert(v)
是在for循环的下面,所以不存在变量提升的问题,so,弹出的结果就是100.
这里,如果我们把var v=100用一个函数封装起来再在for循环里调用这个函数会怎样呢,如此,就有了新问题
var v = 10;
for (var i=0; i<5; i++) {
var b=app();
}
function app(){
var v=100;
};
console.log(b);
这样看起来似乎也没错,可我们得到的却是undefined;
这是为什么?
当我们用一个函数把v重新赋值之后,这里的v也就会变成app()这个函数的局部变量,如果我们不把这个值再返回到全局之中,那么我们就获取不到。
var v = 10;
for (var i=0; i<5; i++) {
var b=app();
}
function app(){
var v=100;
return v;
};
console.log(b); //输出为100
这就是局部变量与全局变量的不同。哈哈。