DIV CSS 佈局教程網

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

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