JavaScript 私有成員分析
對象
JavaScript操作都是關(guān)于對象的。數(shù)組(Array)是對象,函數(shù)(Function)是對象。Object(類型)是對象。那么什么是對象呢?對象就是“名稱-值”對(name-value)。名稱是字符串,值可以是字符串、數(shù)值、布爾值或?qū)ο螅ò〝?shù)組和函數(shù))。對象經(jīng)常用哈希表實(shí)現(xiàn),所以取值速度很快。
如果對象的一個(gè)值是函數(shù)(function),我們可以認(rèn)為它是成員函數(shù),當(dāng)成員函數(shù)被調(diào)用時(shí),this變量就會(huì)指向該對象。成員函數(shù)可以通過this變量訪問對象的成員。
對象可以通過構(gòu)造器(constructor)生成,構(gòu)造器是個(gè)初始化對象的函數(shù)。構(gòu)造器在這里扮演了其他語言中“類”扮演的角色,也提供了定義static變量和方法的手段。
Public成員
對象的所有成員都是公開成員,誰都可以讀寫甚至刪除這些成員或添加新成員。添加新成員有兩種方法:
在構(gòu)造器里添加
這通常被用來初始化公開的成員變量。利用構(gòu)造器的this變量來把成員添加到對象里。
function Container(param)
{ this.member = param;}
用下面這行代碼生成一個(gè)對象實(shí)例
var myContainer = new Container('abc');
myContainer的member成員值為'abc'。
在原型中添加
這種方法經(jīng)常用來添加公開成員函數(shù)。當(dāng)Javascrīpt解釋器遇到一個(gè)對象的成員,發(fā)現(xiàn)對象自身中并不存在這個(gè)成員時(shí),就會(huì)到對象構(gòu)造函數(shù) 的原型中去找。原型機(jī)制可以用來實(shí)現(xiàn)繼承。它同樣占用內(nèi)存。如果想要給某個(gè)構(gòu)造函數(shù)生成的所有對象都添加一個(gè)方 法,只要給對象的原型添加這個(gè)方法就可以了。
Container.prototype.stamp = function (string) { return this.member + string;}
這樣就可以調(diào)用這個(gè)成員函數(shù)
myContainer.stamp('def')
返回值'abcdef'。
私有成員
私有成員是在構(gòu)造器里產(chǎn)生的。var定義的變量和構(gòu)造器的參數(shù)會(huì)成為私有成員。
function Container(param){
this.member = param;
var secret = 3;
var that = this;
}
這個(gè)構(gòu)造器定義了三個(gè)私有變量:param,secret和self。它們屬性對象Container,而對象外的代碼或是對象的公開方法都無法訪問它們。
只有私有方法可以訪問。私有方法是構(gòu)造器內(nèi)定義的函數(shù)。
function Container(param){
function dec() {
if (secret > 0)
{ secret -= 1; return true; }
else {
return false;
} }
this.member = param;
var secret = 3;
var that = this;}
私有方法 dec 檢查實(shí)例變量 secret 的值,如果它大于0就減少它的值然后返回true;否則它返回false。
它可以用于限制這個(gè)對象只能被使用3次。
根據(jù)協(xié)議,我們定義了一個(gè)私有變量that,用來讓私有方法可以訪問對象本身。
這是一個(gè)變通的解決方案,需要它的根本原因在于ECMAscrīpt語言規(guī)范的一個(gè)錯(cuò)誤,而這個(gè)錯(cuò)誤導(dǎo)致內(nèi)部函數(shù)的this變量有
錯(cuò)誤。(honker:似乎不用that也沒關(guān)系,也許是原文寫得太早了,哪位高人遇到過這種問題?)
私有方法不能被公開方法調(diào)用。為了讓私有函數(shù)有用,我們需要引入特權(quán)方法的概念。
特權(quán)
特權(quán)方法可以訪問私有變量和方法,并且它本身可以被公開方法和外部訪問??梢詣h除或替換一個(gè)特權(quán)方法但是不能改變它或強(qiáng)迫它放棄自己的秘密。
特權(quán)方法是在構(gòu)造函數(shù)通過this定義的
function Container(param) {
function dec() {
if (secret > 0) {
secret -= 1;
return true;
} else {
return false;
} }
this.member = param;
var secret = 3;
var that = this;
this.service = function () {
if (dec()) {
return that.member;
} else {
return null;
} };}
service是一個(gè)特權(quán)方法。前三次調(diào)用myContainer.service()將返回'abc',之后它將返回null。service調(diào)用私有的dec方法,dec方法訪問私有的secret變量。service對其他對象和函數(shù)都是可見的,但我們不能直接訪問private成員。
閉包
因?yàn)橛辛碎]包的我,這些公開、私有和特權(quán)方法的寫法才成為可能。它意味著內(nèi)部函數(shù)總能訪問它外層函數(shù)定義的變量和參數(shù)。即使外層函數(shù)已經(jīng)返回。這是Javascrīpt的一個(gè)極其強(qiáng)大的特性。目前還沒有如何一本Javascrīpt編程的書講到如何利用它,大多都沒有提到它。
私有和特權(quán)成員只能在對象被構(gòu)造時(shí)生成。公開成員可以在任何時(shí)間添加。
寫法
Public
function Constructor(...) {
this.membername = value;
}
Constructor.prototype.membername = value;
Private
function Constructor(...) {
var that = this;
var membername = value;
function membername(...) {...}
}
Note: The function statement
function membername(...) {...}
is shorthand for
var membername = function membername(...) {...};
Privileged
function Constructor(...) {
this.membername = function (...) {...};
}
相關(guān)文章
微信小程序?qū)崿F(xiàn)即時(shí)通信聊天功能的實(shí)例代碼
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)即時(shí)通信聊天功能的實(shí)例代碼,非常不錯(cuò),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2018-08-08JS 有趣的eval優(yōu)化輸入驗(yàn)證實(shí)例代碼
這篇文章介紹了eval優(yōu)化輸入驗(yàn)證實(shí)例代碼,有需要的朋友可以參考一下2013-09-09JS獲取及設(shè)置TextArea或input文本框選擇文本位置的方法
這篇文章主要介紹了JS獲取及設(shè)置TextArea或input文本框選擇文本位置的方法,涉及TextArea及input文本操作技巧,需要的朋友可以參考下2015-03-03JavaScript實(shí)現(xiàn)大文件分片上傳處理
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)大文件分片上傳處理,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-08-08js使用removeChild方法動(dòng)態(tài)刪除div元素
本節(jié)為大家介紹了js使用removeChild方法動(dòng)態(tài)刪除div元素,需要的朋友可以參考下2014-08-08探究Javascript模板引擎mustache.js使用方法
這篇文章主要為大家介紹了Javascript模板引擎mustache.js使用方法,mustache.js是一個(gè)簡單強(qiáng)大的Javascript模板引擎,使用它可以簡化在js代碼中的html編寫,壓縮后只有9KB,非常值得在項(xiàng)目中使用,感興趣的小伙伴們可以參考一下2016-01-01