在使用一些 Javascript 框架時,或許會看到類似的程式碼
var MyClass = new Class({
initialize: function(param,param) {para ...
} ,
func1: function(...) {
...
}
my); Obj.func1(...);
眾所周知,在Javascript 中,將一個函數作為構造器,可以創建出一個對象,上面的程式碼可以簡單的寫成:
function MyClass(param) {
this. (..) {
...
...
}
var myObj = new MyClass(param); 其實還蠻簡單的,也不難理解。不過如果要建立一套大型的Javascript 類別庫,可能就會比較混亂,從一堆程式碼中,要找出哪些是類,哪些是函數,哪些是類別方法,哪些是類別屬性,是一件痛苦的事。
當然,這裡並不是要比較它們的優劣,只是好奇 new Class 的實作方式而已。
在上面的程式碼中,使用new MyClass() 這樣的語句,意味著MyClass 必須是一個函數,同時也就意味著new Class 需要返回一個函數對象,從字面的意思上可以看出,函數initialize 是當做建構函數來使用的,所以,new Class 傳回的函數中,必須使用initialize 來對物件進行初始化。基於這樣的分析,可以得到下列程式碼:
function Class(argu) {
return function() {
var initizear); initialize,使用一個空函數作為預設建構子
for(var p in argu) {
this[p] = gua[ this[ init.apply(this, arguments); //使用目前函數的this 來代替函數initialize 原有的this
}
上面的程式碼並不夠嚴謹,但用來說明問題已經足夠了。要注意init.apply(this, arguments) 這一句,這裡有幾個變數的指代,一個是this,原本initialize 中預設的this,現在已被替換為一個傳回的這個匿名函數的this,而這個匿名函數,是透過new Class 新建的自訂類別的建構器。另外一個是 arguments,它指涉的是匿名函數的參數,也就是上面的 new MyClass(param) 中的 param。
this 的轉換有些讓人頭暈,那麼有沒有更簡單的方法呢?請看下面的程式碼:
function Class(argu) {
var obj = argu['initialize'] || f arfor) {}; obj.prototype[p] = argu[p]; //注意,這裡用的是prototype
}
return obj; // 其??還是回傳一??函??br /> 呵呵.
我們知道,Javascript 類別的私有變數可以透過閉包的機制來完成。但使用 new Class({...}) 的方式轉換後,顯然很難形成有效的閉包。如何繞過這個問題?
Javascript 提供了兩種方法:eval() 及函數物件的 toString() 方法,前者較為常見,而後者,可用於取得函數的具體程式碼。透過這兩個方法,可以簡單的模擬類別的私人變數:
function Class(argu) {
var _ = argu['private'] || {};
〜〜) || {}; ['initialize'] || function() {}).toString());
for(var p in argu) {
if(p== 'initialize' if(p nitialize' || p. continue;
if(typeof argu[p] == 'function')
eval('obj.prototype[p] = ' + argu[p].toString());『 obj.prototype[p] = argu[p] ;
return obj;
}
透過物件的toString() 方法來擷取一個包的程式碼,並使用這個程式碼的程式碼。我們可以如下應用:
var Person = new Class({
private: {
、
initialize: function(name, height, weight) {
this.name = name;
this.name = name;
〵 || _.height;
_.weight = weight || _.weight;
},
},
〜〜 〜) '/nheight:' + _.height + '/nweight:' + _.weight);
}
});
〜〜); ,其實沒有太大的用途。主要是效率上,比起通常的實現方式,大概要多花四倍的時間。在大型類別函式庫的建置上,這是不可容忍的,而小型的應用中,實作下面的程式碼更為簡單直接:
function MyClass(param) {
var privateVar = ...; = param;
this.func = function() {
alert(privateVar);
『 alert(privateVar);
〜};