`

JS中的类、继承以及变量、函数的作用范围

JavaScriptprototypeCC++C# 
阅读更多


WRT中经常使用的类进行DOM操作，这就需要了解函数及变量的作用范围，请看代码：

 

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>New Web Project</title>
        <script type="text/javascript" language="javascript">
			
			var TestClass2 = function(){
				this.member = "member";
			}
			
			
			//類定義
            var TestClass = function(){
				this.a="a";//累成員變量
				var b="b";//局部變量
				c="c";//全局變量
				
				
				//局部的函數
				var xa = function test(){
					alert("test");					
				}
				//局部函數傳遞給成員，(JS中函數也是變量。)在外面直接用類的實例調用
				this.xaf = xa;
            }
			//继承TestClass2
            TestClass.prototype = new TestClass2();
			
            TestClass.prototype.test1 = function(){
            };
            
			//調用
			var testclass = new TestClass();
			
			//調用類的成員函數
			testclass.xaf();
			alert("a is:"+testclass.a);//通過類來調用
			alert("b is:"+testclass.b);	//調用不到的。	
			alert("c is:"+c);		//可以調用全局的。	
			alert(testclass.member);//调用继承下来的成员变量
        </script>
    </head>
    <body>
        <h1>New Web Project Page</h1>
    </body>
</html>

 

 

分享到：
| 给你指一条路——怎么样才能练出功？
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics