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