js 對象方法、類方法、原型方法的區別;私有屬性、公有屬性、公有靜態屬性

原文地址:https://my.oschina.net/tongjh/blog/265087?p={{currentPage-1}}
<html>
	<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<title>test</title>
	</head>
	<body>
		<script>
		//對象構造函數
		function Atest(name){
			//私有屬性,只能在對象構造函數內部使用
			var className = "Atest";
			//公有屬性,在對象實例化後調用
			this.name = name;
			//對象方法
			this.hello = function(){
				alert(this.name);
				alert(this.msg());//使用原型方法擴充的方法可以在類內部使用
				alert(this.sex);//使用原型方法擴充的屬性可以在類內部使用
				alert(Atest.age);//靜態屬性調用時格式爲[對象.靜態屬性]
			}
		}
		//類方法 (實際是靜態方法直接調用) 位置:Person類的外部 語法格式:類名稱.方法名稱 = function([參數...]){ 語句行; }
		Atest.Run = function(){
			alert("我是類方法 Run");
		}


		//原型方法
		Atest.prototype.msg = function(){
			alert("我的名字是:"+this.name);//如果原型方法當作靜態方法直接調用時,this.name無法被調用
		}

		//公有靜態屬性 在類的外部
		Atest.age = 20;//公有靜態屬性不能使用 【this.屬性】,只能使用 【對象.屬性】 調用

		//原型屬性,當作是類內部的屬性使用【this.原型屬性】,也可以當成公有靜態屬性使用【對象.prototype.原型屬性】
		Atest.prototype.sex = "男";

		Atest.Run(); //類方法也是靜態方法,可以直接使用 【對象.靜態方法()】
		Atest.prototype.msg();//原型方法當成靜態方法使用時【對象.prototype.方法()】 
		alert(Atest.prototype.sex);//原型屬性當作靜態屬性使用時【對象.prototype.方法()】
		var a = new Atest("zhangsan");//對象方法和原型方法需要實例化對象後纔可以使用
		a.hello();//對象方法必須實例化對象
		a.msg();//原型方法必須實例化對象
		alert(a.age)://錯誤,公有靜態屬性只能使用 【對象.屬性】調用

		//ps:儘量將方法定義爲原型方法,原型方法避免了每次調用構造函數時對屬性或方法的構造,節省空間,創建對象快.
	</script>
	</body>
</html>

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章