最新文章專題視頻專題問答1問答10問答100問答1000問答2000關(guān)鍵字專題1關(guān)鍵字專題50關(guān)鍵字專題500關(guān)鍵字專題1500TAG最新視頻文章推薦1 推薦3 推薦5 推薦7 推薦9 推薦11 推薦13 推薦15 推薦17 推薦19 推薦21 推薦23 推薦25 推薦27 推薦29 推薦31 推薦33 推薦35 推薦37視頻文章20視頻文章30視頻文章40視頻文章50視頻文章60 視頻文章70視頻文章80視頻文章90視頻文章100視頻文章120視頻文章140 視頻2關(guān)鍵字專題關(guān)鍵字專題tag2tag3文章專題文章專題2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章專題3
問答文章1 問答文章501 問答文章1001 問答文章1501 問答文章2001 問答文章2501 問答文章3001 問答文章3501 問答文章4001 問答文章4501 問答文章5001 問答文章5501 問答文章6001 問答文章6501 問答文章7001 問答文章7501 問答文章8001 問答文章8501 問答文章9001 問答文章9501
當(dāng)前位置: 首頁(yè) - 科技 - 知識(shí)百科 - 正文

functional繼承模式摘自javascript:thegoodparts_javascript技巧

來源:懂視網(wǎng) 責(zé)編:小采 時(shí)間:2020-11-27 20:59:32
文檔

functional繼承模式摘自javascript:thegoodparts_javascript技巧

functional繼承模式摘自javascript:thegoodparts_javascript技巧:這種模式的作用在于確保對(duì)象屬性的真正私有化, 我們無法直接訪問對(duì)象的狀態(tài), 只能通過特權(quán)方法來進(jìn)行操作. 下面直接來個(gè)例子吧. 代碼如下: var person = function(cfg) { var that = {}; that.getName = function() { return
推薦度:
導(dǎo)讀functional繼承模式摘自javascript:thegoodparts_javascript技巧:這種模式的作用在于確保對(duì)象屬性的真正私有化, 我們無法直接訪問對(duì)象的狀態(tài), 只能通過特權(quán)方法來進(jìn)行操作. 下面直接來個(gè)例子吧. 代碼如下: var person = function(cfg) { var that = {}; that.getName = function() { return

這種模式的作用在于確保對(duì)象屬性的真正私有化, 我們無法直接訪問對(duì)象的狀態(tài), 只能通過特權(quán)方法來進(jìn)行操作.
下面直接來個(gè)例子吧.
代碼如下:
var person = function(cfg) {
var that = {};
that.getName = function() {
return cfg.name || 'unknow name';
};
// 性別 默認(rèn)男性
that.getGender = function() {
return cfg.gender || 'male';
};
return that;
};
var programmer = function(cfg) {
var that = person(cfg),
share = {};
share.status = 'normal';
that.getFamiliarLanguage = function() {
return (cfg.langs || []).join(' ');
};
that.getProfile = function() {
return 'hi,my name is ' + that.getName();
};
that.getStatus = function() {
return share.status;
};
that.setStatus = function(status) {
share.status = status;
};
return that;
};
var me = programmer({
name: 'AndyZhang',
gender: 'male',
// 熟悉的語言
langs: ['javascript', 'java', 'php']
});
console.debug(me.getFamiliarLanguage());
console.debug(me.getProfile());
me.setStatus('oh really busy..');
console.debug(me.getStatus());

從代碼中可以看到,我們調(diào)用programmer方法時(shí),沒用使用new, 而且方法里也沒有出現(xiàn)this關(guān)鍵字.
如果出現(xiàn)類似this.name = cfg.name這樣的屬性賦值代碼, 再用new去調(diào)用(構(gòu)造函數(shù)調(diào)用方式),這樣產(chǎn)生的對(duì)象的name屬性就不再私有.如:
代碼如下:
// 這里方法名的首字母大寫 以表示作為一個(gè)構(gòu)造方法 用new來調(diào)用
var Person = function(cfg) {
this.name = cfg.name;
this.gender = cfg.gender;
}
// new出一個(gè)person1
var person1 = new Person({
name: 'Andrew',
gender: 'male'
});
// 本來是想讓name, gender成為私有 用類似setter getter方法來讀寫 就像javaBean一樣
alert(person1.name); // 'Andrew'
alert(person1.gender); // 'male'

從上面的例子可以看出person1的屬性我們是可以直接訪問的,沒有做到真正的private. 有時(shí)候我們會(huì)用代碼規(guī)范或約定來表示我們定義的某個(gè)屬性是私有的,比如this._name用這樣的寫法表示name屬性是私有的. 個(gè)人覺得只要約定統(tǒng)一,這也是一種不錯(cuò)的方式, 在第三方j(luò)s庫(kù)中,這種運(yùn)用的可能比較多,像YUI2
繼續(xù)看最開始的代碼, 沒有用到this, 而是用了that作為載體, 從programmer方法中我們看到that所起到的作用, 調(diào)用person后,返回的that已經(jīng)具有了person所具有的方法getName, getGender, 然后我們根據(jù)programmer具體的需要在that基礎(chǔ)上進(jìn)行擴(kuò)展, 當(dāng)然也可以覆寫原來的方法, programmer中的share可以用來集中一些私有變量和方法, 通過javascript的scope和closure機(jī)制, 可以在that擴(kuò)展的方法中對(duì)它們進(jìn)行處理和調(diào)用, 比如代碼中的that.getStatus和that.setStatus方法, 最后return that.

聲明:本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí),若有侵權(quán)等問題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系,我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

文檔

functional繼承模式摘自javascript:thegoodparts_javascript技巧

functional繼承模式摘自javascript:thegoodparts_javascript技巧:這種模式的作用在于確保對(duì)象屬性的真正私有化, 我們無法直接訪問對(duì)象的狀態(tài), 只能通過特權(quán)方法來進(jìn)行操作. 下面直接來個(gè)例子吧. 代碼如下: var person = function(cfg) { var that = {}; that.getName = function() { return
推薦度:
標(biāo)簽: the javascript 繼承
  • 熱門焦點(diǎn)

最新推薦

猜你喜歡

熱門推薦

專題
Top