JavaScript变量没有块范围

最新推荐文章于 2019-03-27 17:30:00 发布

maomaoyu3211

最新推荐文章于 2019-03-27 17:30:00 发布

阅读量69

点赞数

分类专栏： Javascript 文章标签： JavaScript Ruby XHTML J# HTML ViewUI

本文链接：https://blog.csdn.net/maomaoyu3211/article/details/83740202

版权

Javascript 专栏收录该内容

14 篇文章 0 订阅

订阅专栏

局部变量覆盖全局变量，如下：

<script>
	//定义全局变量test
	var test = "全局变量"; 
	//定义函数checkscope
	function checkscope()
	{
		//定义局部变量
	//	var test = "局部变量";
		//输出局部变量
		document.writeln(test+"<br/>");
		alert(test);
		//var test="nihao";
	}
	checkscope(); 
</script>

JavaScript变量没有块范围，只要在方法中定义，无论是在switch块中还是if块中，他们的作用范围都是整个函数。例如下面代码：

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

<script>
	//定义全局变量
	var scope = "全局变量";
	function test()
	{
		//因此全局变量被局部变量覆盖
		//而此时scope局部变量尚未赋值，故此处输出undefined

		document.writeln(scope + "<br />"); 
		//定义scope的局部变量，其作用范围为整个函数内
		var scope = "局部变量";
		//再次输出scope的值。
		document.writeln(scope + "<br />"); 
	}
	test();
</script>

变量范围对于执行html事件处理一样有效，如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title> 事件处理中的局部变量和全局变量 </title>
	<meta name="author" content="Yeeku.H.Lee" />
	<meta name="website" content="http://www.leegang.org" />
	<meta http-equiv="Content-Type" content="text/html; charset=GBK" />
	<script type="text/javascript">
		//定义全局变量
		  var x = "全局变量";
	</script>
</head>

<body>
<!-- 在onclick事件中重新定义了x局部变量变量 -->
<input type="button" value="局部变量" 
	οnclick="var x = '局部变量'; alert('输出x局部变量的值：' + x);" />
<!-- 直接输出全局变量x的值 -->
<input type="button" value="全局变量 " 
	οnclick="alert('输出x全局变量的值： ' + x);" />
</body>
</html>

函数（其实也是个类，此函数是唯一的构造器。使用new关键字创建）的

局部变量；没有前缀的变量或var前缀的变量，内部使用

实例变量：this.变量名，通过对象名访问

静态变量：函数名(类名).变量名，通过函数名访问

<script>
	//定义函数Person
	function Person(national, age)
	{
		//this修饰的属性为实例属性
		this.age = age;
		//Person修饰的属性为静态属性
		Person.national =national;    
		//以var定义的变量为局部变量
		var bb = 0;    
	}
	//创建Person的第一个对象p1。国籍为中国，年纪为29
	var p1 = new Person('中国' , 29);
	document.writeln("创建第一个Person对象<br />");
	//输出第一个对象p1的年纪和国籍
	document.writeln("p1的age属性为" + p1.age + "<br />");
	document.writeln("p1的national属性为" + p1.national + "<br />");
	document.writeln("通过Person访问静态national属性为" 
		+ Person.national + "<br />");
	//输出bb属性
	document.writeln("p1的bb属性为" + p1.bb + "<br /><hr />");
	//创建Person的第二个对象p2
	var p2 = new Person('美国' , 32);
	document.writeln("创建两个Person对象之后<br />"); 
	//再次输出p1的年纪和国籍
	document.writeln("p1的age属性为" + p1.age + "<br />");
	document.writeln("p1的national属性为" + p1.national + "<br />");
	//输出p2的年纪和国籍
	document.writeln("p2的age属性为" + p2.age + "<br>");
	document.writeln("p2的national属性为" + p2.national + "<br />");
	//通过类名访问静态属性名
	document.writeln("通过Person访问静态national属性为"
		+ Person.national + "<br />");
</script>

还可以随时为对象增加方法和属性

<script>
	function Student(grade , subject)
	{
		//d定义一个grade实例属性，
		//将grade形参的值赋值给该实例属性。
		this.grade = grade;
		//定义一个subject静态属性，
		//将subject形参的值赋值给该静态属性。
		Student.subject = subject;
	}
	s1 = new Student(5, 'Java');
	with(document)
	{
		writeln('s1的grade属性：' + s1.grade + "<br />");
		writeln('s1的subject属性：' + s1.subject + "<br />");
		writeln('Student的subject属性：' + Student.subject + "<br />");
	}
	//为s1对象的subject属性赋值，即为它增加一个subject属性
	s1.subject = 'Ruby';
	with(document)
	{
		writeln('<hr />为s1的subject属性赋值后<br />');
		writeln('s1的subject属性：' + s1.subject + "<br />");
		writeln('Student的subject属性：' + Student.subject + "<br />");
	}
</script>

maomaoyu3211

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript变量没有块范围

局部变量覆盖全局变量，如下： &lt;script&gt; //定义全局变量test var test = "全局变量"; //定义函数checkscope function checkscope() { //定义局部变量 // var test = "局部变量"; //输出局部变量 document.writeln(test+"&lt;br/&...
复制链接

扫一扫