javaScript变量的作用范围

最新推荐文章于 2021-06-28 18:25:32 发布

leosming

最新推荐文章于 2021-06-28 18:25:32 发布

阅读量1.2k

点赞数

文章标签： javascript java button function object 语言

本文详细解释了JavaScript中变量的全局作用域与局部作用域的区别，包括如何定义全局变量与局部变量，以及局部变量如何覆盖全局变量的情况。同时，还探讨了JavaScript中不存在块级作用域的特点，并通过实例演示了变量作用域在HTML事件处理中的应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

根据作用范围不同，变量有全局变量和局部变量两种

Java代码

<script>
//定义全局变量test
var test = "全局变量";
function checkscope( )
{
var test = "局部变量";
alert(test);
}
checkscope( );
//在函数里定义的变量为局部变量，局部变量只在函数内有效。
//如果局部变量和全局变量用相同的变量名，则局部变量将覆盖全局变量
</script>

<script>
	//定义全局变量test
	var test = "全局变量"; 
	function checkscope(  )
	{
		var test = "局部变量";
		alert(test);
	}
	checkscope(  ); 
//在函数里定义的变量为局部变量，局部变量只在函数内有效。
//如果局部变量和全局变量用相同的变量名，则局部变量将覆盖全局变量
</script>

JavaScript语言没有块范围：

Java代码

<script>
function test(o)
{
//定义变量i，变量i的作用范围是整个函数
var i = 0;
if (typeof o == "object")
{
//定义变量j，变量j的作用范围是整个函数内，而不是if块内。
var j = 5;
for(var k = 0; k < 10; k++)
{
//k的作用范围是整个函数内，而不是循环体内
document.write(k);
}
}
//即使出了循环体，k的值依然存在
alert(k + "/n" + j);
}
test(document);
</script>

<script>
	function test(o)	
	{
		//定义变量i，变量i的作用范围是整个函数
			var i = 0;
		if (typeof o == "object") 
		{
			//定义变量j，变量j的作用范围是整个函数内，而不是if块内。
				var j = 5;
				for(var k = 0; k < 10; k++)
				{
				//k的作用范围是整个函数内，而不是循环体内
					document.write(k);
				}
		}	
		//即使出了循环体，k的值依然存在
		alert(k + "/n" + j); 
	}
	test(document);
</script>

因为JavaScript语言没有块范围，有时会出现一些非常奇怪的结果：

Java代码

<script>
var scope = "全局变量";
function test()
{
alert(scope);
var scope = "局部变量";
alert(scope);
}
test();
//代码第一次输出的scope值并不是"全局变量",而是undefined。知识这是因为scope在test函数中已经被重新定义了，局部变量在test函数中将全局有效，即在scope还没定义之前全局变量scope依然被覆盖。
</script>

<script>

	var scope = "全局变量";
	function test()
	{
		alert(scope); 
		var scope = "局部变量";
		alert(scope); 
	}
	test();
//代码第一次输出的scope值并不是"全局变量",而是undefined。知识这是因为scope在test函数中已经被重新定义了，局部变量在test函数中将全局有效，即在scope还没定义之前全局变量scope依然被覆盖。
</script>

变量作用范围在进行HTML事件处理时一样有效：

Java代码