淺談Javascript的靜態(tài)屬性和原型屬性
更新時間:2015年05月07日 09:08:21 投稿:hebedich
本文給大家介紹的是javascript中的靜態(tài)屬性和原型屬性,并附上示例分析,十分的實用,有需要的小伙伴可以參考下。
文章給各位介紹Javascript的靜態(tài)方法和原型方法一個例子,如果大家對于Javascript的靜態(tài)方法和原型方法不了解可以和小編一起來看看。 一段代碼,了解靜態(tài)方法和實例方法:
<script>
//對象構造函數(shù)
function Atest(name){
//私有屬性,只能在對象構造函數(shù)內部使用
var className = "Atest";
//公有屬性,在對象實例化后調用
this.name = name;
//對象方法
this.hello = function(){
alert(this.name);
alert(this.msg());//使用原型方法擴充的方法可以在類內部使用
alert(this.sex);//使用原型方法擴充的屬性可以在類內部使用
alert(Atest.age);//靜態(tài)屬性調用時格式為[對象.靜態(tài)屬性]
}
}
//類方法 (實際是靜態(tài)方法直接調用) 位置:Person類的外部 語法格式:類名稱.方法名稱 = function([參數(shù)...]){ 語句行; }
Atest.Run = function(){
alert("我是類方法 Run");
}
//原型方法
Atest.prototype.msg = function(){
alert("我的名字是:"+this.name);//如果原型方法當作靜態(tài)方法直接調用時,this.name無法被調用
}
//公有靜態(tài)屬性 在類的外部
Atest.age = 20;//公有靜態(tài)屬性不能使用 【this.屬性】,只能使用 【對象.屬性】 調用
//原型屬性,當作是類內部的屬性使用【this.原型屬性】,也可以當成公有靜態(tài)屬性使用【對象.prototype.原型屬性】
Atest.prototype.sex = "男";
Atest.Run(); //類方法也是靜態(tài)方法,可以直接使用 【對象.靜態(tài)方法()】
Atest.prototype.msg();//原型方法當成靜態(tài)方法使用時【對象.prototype.方法()】
alert(Atest.prototype.sex);//原型屬性當作靜態(tài)屬性使用時【對象.prototype.方法()】
var a = new Atest("zhangsan");//對象方法和原型方法需要實例化對象后才可以使用
a.hello();//對象方法必須實例化對象
a.msg();//原型方法必須實例化對象
alert(a.age)://錯誤,公有靜態(tài)屬性只能使用 【對象.屬性】調用
//ps:盡量將方法定義為原型方法,原型方法避免了每次調用構造函數(shù)時對屬性或方法的構造,節(jié)省空間,創(chuàng)建對象快.
</script>
相關文章
javascript獲取checkbox復選框獲取選中的選項
這篇文章主要介紹了javascript獲取checkbox復選框獲取選中的選項的方法,需要的朋友可以參考下2014-08-08
使用requestAnimationFrame實現(xiàn)精準倒計時功能
實現(xiàn)精準倒計時對于活動預告、限時優(yōu)惠和賽事計時等場景非常重要,常用的倒計時方法包括使用JavaScript的setInterval和setTimeout,但這些方法精度有限,為提高精度,本文介紹使用requestAnimationFrame實現(xiàn)精準倒計時功能,感興趣的朋友一起看看吧2024-09-09

