Javascript類定義語法,私有成員、受保護成員、靜態(tài)成員等介紹
更新時間：2011年12月08日 23:18:14 作者：
JS只是一門支持面向?qū)ο缶幊痰恼Z言，通過OO可以讓我們的代碼組織更加人性化?？墒桥c傳統(tǒng)基與類的面向?qū)幊陶Z言不同它沒有類概念并且沒成員訪問修飾符。這多少會給我們編程工作會帶來一些束縛
其實通俗的講類就是對象的模板，為了增強JS的OO特性，受mootoos框架啟發(fā)我們可以使用一個JSON對象來描述這個對象的模板。在這個模板中我們可以模擬實現(xiàn)私有成員，受保護成員，靜態(tài)成員。
這是一個在JS中模擬的類定義語法，代碼中Class是一個自定義函數(shù)，它接受兩個參數(shù)，第一個參數(shù)是類名、第二個參數(shù)是一個JSON用來一個對象的模板。在這個JSON對象中其中字段 "extend"，,"initialize","static" 為一些預(yù)定義關(guān)鍵字，所表示的意義與基于類的傳統(tǒng)OO語言相似。字段accessabe用來描述一個對象成員的可訪問性，取值為（"private"，"protected"，"public"）在Class函數(shù)中會對這些關(guān)鍵字進行特殊處理，使其所修飾的成員具有相應(yīng)的訪問權(quán)限。
Class("Person" ,{
//繼承
extend: Animal,
//構(gòu)造函數(shù)
initialize:function(name,sex){
this.name = name;
this.sex = sex;
Person.count++;
},
//靜態(tài)成員
static:{
count: {
accessabe:"private",
value: ""
}
},
//實例成員
age: {//私有屬性成員
accessabe:"private",
value:0
},
//公用屬性
name: {
accessabe:"public",
value:""
},
sex:{
accessabe:"public",
value: ""
},
//方法
sleep: {//受保護方法
accessabe:"protected",
value: function(){
}
},
say: {//公用方法
accessabe:"public",
value: function(){
retun (this.age-1)
}
}
});
//調(diào)用
var xiaom = new Person("小明","男");
xiaom.age //私有屬性不能訪問
xiaom.sleep() //受保護方法不能訪問
xiaom.say() //公用方法可以訪問
這是一個在JS中模擬的類定義語法，代碼中Class是一個自定義函數(shù)，它接受兩個參數(shù)，第一個參數(shù)是類名、第二個參數(shù)是一個JSON用來一個對象的模板。在這個JSON對象中其中字段 "extend"，,"initialize","static" 為一些預(yù)定義關(guān)鍵字，所表示的意義與基于類的傳統(tǒng)OO語言相似。字段accessabe用來描述一個對象成員的可訪問性，取值為（"private"，"protected"，"public"）在Class函數(shù)中會對這些關(guān)鍵字進行特殊處理，使其所修飾的成員具有相應(yīng)的訪問權(quán)限。
復(fù)制代碼 代碼如下:
Class("Person" ,{
//繼承
extend: Animal,
//構(gòu)造函數(shù)
initialize:function(name,sex){
this.name = name;
this.sex = sex;
Person.count++;
},
//靜態(tài)成員
static:{
count: {
accessabe:"private",
value: ""
}
},
//實例成員
age: {//私有屬性成員
accessabe:"private",
value:0
},
//公用屬性
name: {
accessabe:"public",
value:""
},
sex:{
accessabe:"public",
value: ""
},
//方法
sleep: {//受保護方法
accessabe:"protected",
value: function(){
}
},
say: {//公用方法
accessabe:"public",
value: function(){
retun (this.age-1)
}
}
});
//調(diào)用
var xiaom = new Person("小明","男");
xiaom.age //私有屬性不能訪問
xiaom.sleep() //受保護方法不能訪問
xiaom.say() //公用方法可以訪問
您可能感興趣的文章:
- 詳解ES6 Symbol 的用途
- Javascript ES6中數(shù)據(jù)類型Symbol的使用詳解
- ES6概念 Symbol toString()方法
- ES6中Symbol類型用法實例詳解
- ES6新特性之Symbol類型用法分析
- ES6概念 Symbol.keyFor()方法
- es6 symbol的實現(xiàn)方法示例
- ES6中Symbol、Set和Map用法詳解
- ES6 Symbol數(shù)據(jù)類型的應(yīng)用實例分析
- JavaScript 私有成員分析
- JavaScript 面向?qū)ο蟮闹接谐蓡T和公開成員
- ES5 模擬 ES6 的 Symbol 實現(xiàn)私有成員功能示例
相關(guān)文章
設(shè)置table高度想必大家都會，直接在table標(biāo)簽中設(shè)置下不就行了嗎？這是靜態(tài)的，如果要動態(tài)設(shè)置你會嗎？下面的實例將教會大家2014-10-10
微信小程序getLocation 需要在app.json中聲明permission字段
這篇文章主要介紹了微信小程序getLocation 需要在app.json中聲明permission字段，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-03-03
使用php的mail()函數(shù)實現(xiàn)發(fā)送郵件功能
php中的mail()函數(shù)允許您從腳本中直接發(fā)送電子郵件,下面這篇文章主要給大家介紹了關(guān)于如何使用php的mail()函數(shù)實現(xiàn)發(fā)送郵件功能的相關(guān)資料,需要的朋友可以參考下2021-06-06
本文是小編日常收集整理的有個js中的一些小技能，非常實用，值得推薦給大家，感興趣的朋友快來收藏吧2016-06-06
這篇文章主要介紹了javascript cookie的基本操作的相關(guān)資料,這里對Cookie的操作進行了詳細介紹包括獲取，新建，設(shè)置有效期，添加和刪除等，需要的朋友可以參考下2017-07-07
這篇文章主要給大家介紹了關(guān)于JS中向?qū)ο笾刑砑訉ο蟮?種方法,在JavaScript中對象可以通過兩種方法添加對象,文中通過示例代碼介紹的非常詳細,需要的朋友可以參考下2023-07-07
解析offsetHeight,clientHeight,scrollHeight之間的區(qū)別
這篇文章主要是對offsetHeight,clientHeight,scrollHeight之間的區(qū)別進行了詳細介紹，需要的朋友可以過來參考下，希望對大家有所幫助2013-11-11
這篇文章主要介紹了使用webpack4編譯并壓縮ES6代碼，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04
這篇文章主要為大家詳細介紹了小程序?qū)崿F(xiàn)登錄功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-09-09
js實現(xiàn)鼠標(biāo)懸停圖片上時滾動文字說明的方法
這篇文章主要介紹了js實現(xiàn)鼠標(biāo)懸停圖片上時滾動文字說明的方法,涉及js操作鼠標(biāo)事件的使用技巧,需要的朋友可以參考下2015-02-02