作用域问题
1.下面这段javascript代码,
|
1
2
3
4
5
6
|
var msg='hello';for (var i=0; i<10; i++){ var msg='hello'+i*2+i; } alert(msg); |
最后一句alert的输出结果是？ //hello189
javascript只有函数域，没有块作用域的概念，所以在同一个作用域中同一个变量声明多次还是第一次声明那个！(所以for循环不会形成作用域)
编译器在解析的时候，会发现声明了两个变量，但是后面的那个发现前面的已经声明了所以被忽略（忽略的是后面的声明，会进行重新赋值而已）。所以for循环中的msg的声明其实是无效的，从头至尾都是在操作同一个msg。
而for循环里面的var msg='hello'+i*2+i;只是相当于再次赋值操作而已。
var a=5;
var b=10;
if(a===5){
let a=4;//the scope is inside the if-block
var b=1;//the scope is inside the function
console.log(a);//4
console.log(b);//1
}
console.log(a);//5
console.log(b);//1
--------------------
var a=5;
function foo(){
var a=10;
console.log(a);
}
foo();//10
console.log(a);//5
--------------------
var a=5;
function foo(){
a=10;
console.log(a);
}
foo();//10
console.log(a);//10
if和for没有块作用域，函数有函数作用域。
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
2.现有如下html结构
|
1
2
3
4
5
6
|
<ul> <li>click me</li> <li>click me</li> <li>click me</li> <li>click me</li></ul> |
运行如下代码：
|
1
2
3
4
5
6
7
|
function creatFunction () { var elements=document.getElementsByTagName('li'); var length=elements.length; for(var i=0;i<length;i++){ elements[i].onclick=function(){ alert(i); } }}
|
依次点击4个li标签，哪一个选项是正确的运行结果（）? //依次弹出4，4，4，4
每个li标签的onclick事件执行时，本身onclick绑定的function的作用域中没有变量i，i为undefined,则解析引擎会寻找父级作用域，发现父级作用域中有i，且for循环绑定事件结束后，i已经赋值为4，所以每个li标签的onclick事件执行时，alert的都是父作用域中的i，也就是4。这是作用域的问题。
解答：这里的事件，绑定的并非是i的值，而是i本身（alert里的i），所以当程序执行完，i的值变为4，去执行onclick事件时，执行alert(i) ,自动查找i，值为4，所以依次弹出4。
|
1
2
3
4
5
6
7
8
9
10
|
function creatFunction (){
var elements=document.getElementsByTagName('li'); var length=elements.length; var handler = function(i){ return fucntion(){ alert(i); } } for(var i=0;i<length;i++){ elements[i].onclick= handler(i); }}
|
if(! "a" in window){ var a = 1;}alert(a); |
|
1
2
3
4
5
|
var a;if(!"a"in window){ a =1;}alert(a); |
|
1
2
3
4
5
6
7
|
if(! "a"in window){ a = 1;}alert(a); |
