functional繼承模式 摘自javascript:the good parts

來源:互聯網
上載者:User

這種模式的作用在於確保對象屬性的真正私人化, 我們無法直接存取對象的狀態, 只能通過特權方法來進行操作.
下面直接來個例子吧. 複製代碼 代碼如下:var person = function(cfg) {
var that = {};
that.getName = function() {
return cfg.name || 'unknow name';
};
// 性別 預設男性
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());

從代碼中可以看到,我們調用programmer方法時,沒用使用new, 而且方法裡也沒有出現this關鍵字.
如果出現類似this.name = cfg.name這樣的屬性賦值代碼, 再用new去調用(建構函式調用方式),這樣產生的對象的name屬性就不再私人.如: 複製代碼 代碼如下:// 這裡方法名的首字母大寫 以表示作為一個構造方法 用new來調用
var Person = function(cfg) {
this.name = cfg.name;
this.gender = cfg.gender;
}
// new出一個person1
var person1 = new Person({
name: 'Andrew',
gender: 'male'
});
// 本來是想讓name, gender成為私人 用類似setter getter方法來讀寫 就像javaBean一樣
alert(person1.name); // 'Andrew'
alert(person1.gender); // 'male'

從上面的例子可以看出person1的屬性我們是可以直接存取的,沒有做到真正的private. 有時候我們會用代碼規範或約定來表示我們定義的某個屬性是私人的,比如this._name用這樣的寫法表示name屬性是私人的. 個人覺得只要約定統一,這也是一種不錯的方式, 在第三方js庫中,這種運用的可能比較多,像YUI2
繼續看最開始的代碼, 沒有用到this, 而是用了that作為載體, 從programmer方法中我們看到that所起到的作用, 調用person後,返回的that已經具有了person所具有的方法getName, getGender, 然後我們根據programmer具體的需要在that基礎上進行擴充, 當然也可以覆寫原來的方法, programmer中的share可以用來集中一些私人變數和方法, 通過javascript的scope和closure機制, 可以在that擴充的方法中對它們進行處理和調用, 比如代碼中的that.getStatus和that.setStatus方法, 最後return that.

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.