與js構造函數,原型對象,實例對象相關的屬性和方法

參考http://blog.csdn.net/jerrysbest/article/details/6642003

? ? ? ? http://blog.csdn.net/sinat_22996989/article/details/49559513

涉及到的概念:①構造函數相關的?私有屬性(私有變量)?內部方法,公有(實例)屬性?對象(實例)方法,公有靜態屬性(類屬性)?類方法(靜態方法);

②原型對象上的方法

③實例對象的方法?包括3種:原型對象上繼承的;實例上直接定義的;構造函數上的實例方法

//對象構造函數

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:盡量將方法定義為原型方法,原型方法避免了每次調用構造函數時對屬性或方法的構造,節省空間,創建對象快.



3種實例方法優先級比較:直接定義在實例上的變量的優先級要高于定義在“this”上的,而定義在“this”上的又高于 prototype定義的變量。即直接定義在實例上的變量會覆蓋定義在“this”上和prototype定義的變量,定義在“this”上的會覆蓋prototype定義的變量。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容