局部变量覆盖全局变量,如下:
<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>