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

更新時間：2011年06月20日 19:53:03 作者：

javascript:the good parts 書中Inheritance部分講到了一種functional的繼承方式, 具體這個functional該如何翻譯,就不是很清楚了, 就直接意會一下吧

這種模式的作用在于確保對象屬性的真正私有化, 我們無法直接訪問對象的狀態(tài), 只能通過特權方法來進行操作.
下面直接來個例子吧.

 
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, 而且方法里也沒有出現(xiàn)this關鍵字.
如果出現(xiàn)類似this.name = cfg.name這樣的屬性賦值代碼, 再用new去調用(構造函數(shù)調用方式),這樣產生的對象的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. 有時候我們會用代碼規(guī)范或約定來表示我們定義的某個屬性是私有的,比如this._name用這樣的寫法表示name屬性是私有的. 個人覺得只要約定統(tǒng)一,這也是一種不錯的方式, 在第三方js庫中,這種運用的可能比較多,像YUI2
繼續(xù)看最開始的代碼, 沒有用到this, 而是用了that作為載體, 從programmer方法中我們看到that所起到的作用, 調用person后,返回的that已經具有了person所具有的方法getName, getGender, 然后我們根據programmer具體的需要在that基礎上進行擴展, 當然也可以覆寫原來的方法, programmer中的share可以用來集中一些私有變量和方法, 通過javascript的scope和closure機制, 可以在that擴展的方法中對它們進行處理和調用, 比如代碼中的that.getStatus和that.setStatus方法, 最后return that.

您可能感興趣的文章: