淺談Javascript的靜態(tài)屬性和原型屬性
文章給各位介紹Javascript的靜態(tài)方法和原型方法一個(gè)例子,如果大家對(duì)于Javascript的靜態(tài)方法和原型方法不了解可以和小編一起來(lái)看看。 一段代碼,了解靜態(tài)方法和實(shí)例方法:
<script>
//對(duì)象構(gòu)造函數(shù)
function Atest(name){
//私有屬性,只能在對(duì)象構(gòu)造函數(shù)內(nèi)部使用
var className = "Atest";
//公有屬性,在對(duì)象實(shí)例化后調(diào)用
this.name = name;
//對(duì)象方法
this.hello = function(){
alert(this.name);
alert(this.msg());//使用原型方法擴(kuò)充的方法可以在類內(nèi)部使用
alert(this.sex);//使用原型方法擴(kuò)充的屬性可以在類內(nèi)部使用
alert(Atest.age);//靜態(tài)屬性調(diào)用時(shí)格式為[對(duì)象.靜態(tài)屬性]
}
}
//類方法 (實(shí)際是靜態(tài)方法直接調(diào)用) 位置:Person類的外部 語(yǔ)法格式:類名稱.方法名稱 = function([參數(shù)...]){ 語(yǔ)句行; }
Atest.Run = function(){
alert("我是類方法 Run");
}
//原型方法
Atest.prototype.msg = function(){
alert("我的名字是:"+this.name);//如果原型方法當(dāng)作靜態(tài)方法直接調(diào)用時(shí),this.name無(wú)法被調(diào)用
}
//公有靜態(tài)屬性 在類的外部
Atest.age = 20;//公有靜態(tài)屬性不能使用 【this.屬性】,只能使用 【對(duì)象.屬性】 調(diào)用
//原型屬性,當(dāng)作是類內(nèi)部的屬性使用【this.原型屬性】,也可以當(dāng)成公有靜態(tài)屬性使用【對(duì)象.prototype.原型屬性】
Atest.prototype.sex = "男";
Atest.Run(); //類方法也是靜態(tài)方法,可以直接使用 【對(duì)象.靜態(tài)方法()】
Atest.prototype.msg();//原型方法當(dāng)成靜態(tài)方法使用時(shí)【對(duì)象.prototype.方法()】
alert(Atest.prototype.sex);//原型屬性當(dāng)作靜態(tài)屬性使用時(shí)【對(duì)象.prototype.方法()】
var a = new Atest("zhangsan");//對(duì)象方法和原型方法需要實(shí)例化對(duì)象后才可以使用
a.hello();//對(duì)象方法必須實(shí)例化對(duì)象
a.msg();//原型方法必須實(shí)例化對(duì)象
alert(a.age)://錯(cuò)誤,公有靜態(tài)屬性只能使用 【對(duì)象.屬性】調(diào)用
//ps:盡量將方法定義為原型方法,原型方法避免了每次調(diào)用構(gòu)造函數(shù)時(shí)對(duì)屬性或方法的構(gòu)造,節(jié)省空間,創(chuàng)建對(duì)象快.
</script>
相關(guān)文章
JS實(shí)現(xiàn)二維數(shù)組橫縱列轉(zhuǎn)置的方法
下面小編就為大家分享一篇JS實(shí)現(xiàn)二維數(shù)組橫縱列轉(zhuǎn)置的方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-04-04
微信小程序?qū)崿F(xiàn)點(diǎn)贊、取消點(diǎn)贊功能
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)點(diǎn)贊、取消點(diǎn)贊,和多項(xiàng)點(diǎn)擊功能,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2018-11-11
javascript獲取checkbox復(fù)選框獲取選中的選項(xiàng)
這篇文章主要介紹了javascript獲取checkbox復(fù)選框獲取選中的選項(xiàng)的方法,需要的朋友可以參考下2014-08-08
用javascript代替marquee的滾動(dòng)字幕效果代碼
用javascript代替marquee的滾動(dòng)字幕效果代碼...2007-04-04
JavaScript獲取IP獲取的是IPV6 如何校驗(yàn)
項(xiàng)目中遇到了關(guān)于IPV6的一些問(wèn)題,特意做一個(gè)專輯說(shuō)明一下,希望能夠幫助有需要的同學(xué)!2016-06-06
淺談JS正則表達(dá)式的RegExp對(duì)象和括號(hào)的使用
下面小編就為大家?guī)?lái)一篇淺談JS正則表達(dá)式的RegExp對(duì)象和括號(hào)的使用。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-07-07
JavaScript實(shí)現(xiàn)模仿桌面窗口的方法
這篇文章主要介紹了JavaScript實(shí)現(xiàn)模仿桌面窗口的方法,可實(shí)現(xiàn)模仿桌面窗口的打開、關(guān)閉、移動(dòng)、縮放及最大化、最小化等功能,需要的朋友可以參考下2015-07-07
使用requestAnimationFrame實(shí)現(xiàn)精準(zhǔn)倒計(jì)時(shí)功能
實(shí)現(xiàn)精準(zhǔn)倒計(jì)時(shí)對(duì)于活動(dòng)預(yù)告、限時(shí)優(yōu)惠和賽事計(jì)時(shí)等場(chǎng)景非常重要,常用的倒計(jì)時(shí)方法包括使用JavaScript的setInterval和setTimeout,但這些方法精度有限,為提高精度,本文介紹使用requestAnimationFrame實(shí)現(xiàn)精準(zhǔn)倒計(jì)時(shí)功能,感興趣的朋友一起看看吧2024-09-09

