淺談Javascript的靜態屬性和原型屬性

淺談Javascript的靜態屬性和原型屬性

 　　本文給大家介紹的是javascript中的靜態屬性和原型屬性，並附上樣本分析，十分的實用，有需要的小夥伴可以參考下。

　　文章給各位介紹Javascript的靜態方法和原型方法一個例子，如果大家對於Javascript的靜態方法和原型方法不瞭解可以和小編一起來看看。 一段代碼，瞭解靜態方法和執行個體方法：

　　?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42

<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>

        注< >：更多精彩教程請關注幫客之家編程