日期:2014-05-16  浏览次数:20321 次

JavaScript的作用域(学习笔记三)

还是先上一段代码,思考一下执行的结果。

?

<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>
?

?有了前面关于作用域的相关知识,这里的问题应该很容易回答了。

?分别打印出:

?

  1. ?outer
  2. ?undefined
  3. ?inner
  4. js脚本错误:strInfo未定义。

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的情况)。

?