今天偶然看到别人的博客里有这么一个问题,觉得很有意思
<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这就是局部变量与全局变量的不同。哈哈。