日期:2014-05-16 浏览次数:20411 次
还是先上一段代码,思考一下执行的结果。
?
<script>
	var str = 'outer';	
	function test1(){
		alert(str);
	};
	function test2(){
		alert(str);
		var str = 'inner';
	};
	function test3(){
		var str = 'inner';
		alert(str);
	};
	function test4(){
		alert(strInfo);
	};
	test1();
	test2();
	test3();
	test4();
</script>
?
?有了前面关于作用域的相关知识,这里的问题应该很容易回答了。
?分别打印出:
?
test1很简单,使用了全局变量str,所以,肯定打印出全局变量对应的值:outer。
test3很简单,函数中重新定义了str,所以打印出局部变量对应的值:inner。
test4很简单,从来没有定义过strInfo,直接引用的话,会报js脚本错误。
重点说一下test2。很多人认为,test2按道理,就比test1多了一行,应该打印出outer,然后,对str重新赋值。如果你也这样想,就错了。说明,对变量的作用域还不是很了解。
?
上面的代码,一共是4个作用域:全局作用域、test1的作用域、test2的作用域和test3的作用域。test2中的代码其实是下面这样的
?
function test2(){
        var str;
	alert(str);
	str = 'inner';
};
?这样一看,大家应该明白了吧。在定义test2的时候,编译器会查找在这个作用域中是否有var关键字,如果有,则在作用域的最顶端事先声明;如果没有,就会到test2的上一层作用域中进行查找,如果找到了,就显示相应的数值(这其实就是test1的情况),如果没有就再向上一层找,知道全局作用域。如果全局作用域也没有,就会报脚本错误(这其实就是test4的情况)。
?