快捷導(dǎo)航

Prototype的Class.create函數(shù)解析

更新時(shí)間：2011年09月22日 23:30:28 作者：

Prototype中的類的創(chuàng)建，一般使用Class.create方法來創(chuàng)建，例如PeriodicalExecuter類型。使用的時(shí)候通過調(diào)用new PeriodicalExecuter(xxx)來生成對(duì)象。

復(fù)制代碼代碼如下:

 
/** 
* 一個(gè)設(shè)計(jì)精巧的定時(shí)執(zhí)行器 
* 首先由 Class.create() 創(chuàng)建一個(gè) PeriodicalExecuter 類型， 
* 然后用對(duì)象直接量的語法形式設(shè)置原型。 
* 
* 需要特別說明的是 rgisterCallback 方法，它調(diào)用上面定義的函數(shù)原型方法bind, 并傳遞自己為參數(shù)。 
* 之所以這樣做，是因?yàn)?setTimeout 默認(rèn)總以 window 對(duì)象為當(dāng)前對(duì)象，也就是說，如果 registerCallback 方法定義如下的話： 
* registerCallback: function() { 
* setTimeout(this.onTimerEvent, this.frequency * 1000); 
* } 
* 那么，this.onTimeoutEvent 方法執(zhí)行失敗，因?yàn)樗鼰o法訪問 this.currentlyExecuting 屬性。 
* 而使用了bind以后，該方法才能正確的找到this，也就是PeriodicalExecuter的當(dāng)前實(shí)例。 
*/ 
var PeriodicalExecuter = Class.create(); 
PeriodicalExecuter.prototype = { 
initialize: function(callback, frequency) { 
this.callback = callback; 
this.frequency = frequency; 
this.currentlyExecuting = false; 

this.registerCallback(); 
}, 

registerCallback: function() { 
setTimeout(this.onTimerEvent.bind(this), this.frequency * 1000); 
}, 

onTimerEvent: function() { 
if (!this.currentlyExecuting) { 
try { 
this.currentlyExecuting = true; 
this.callback(); 
} finally { 
this.currentlyExecuting = false; 
} 
} 

this.registerCallback(); 
} 
} 

具體Class.create()背后做了什么，具體來看看Class的實(shí)現(xiàn)。

復(fù)制代碼代碼如下:

 

/** 
* 創(chuàng)建一種類型，注意其屬性 create 是一個(gè)方法，返回一個(gè)構(gòu)造函數(shù)。 
* 一般使用如下 
* var X = Class.create(); 返回一個(gè)類型，類似于 java 的一個(gè)Class實(shí)例。 
* 要使用 X 類型，需繼續(xù)用 new X()來獲取一個(gè)實(shí)例，如同 java 的 Class.newInstance()方法。 
* 
* 返回的構(gòu)造函數(shù)會(huì)執(zhí)行名為 initialize 的方法， initialize 是 Ruby 對(duì)象的構(gòu)造器方法名字。 
* 此時(shí)initialize方法還沒有定義，其后的代碼中創(chuàng)建新類型時(shí)會(huì)建立相應(yīng)的同名方法。 
*/ 
var Class = { 
create: function() { 
return function() { 
this.initialize.apply(this, arguments); 
} 
} 
} 

Class.create實(shí)際上是返回一個(gè)函數(shù)，那么new的時(shí)候，做了些什么呢。參照MDN

When the code new foo(...) is executed, the following things happen:

A new object is created, inheriting from foo.prototype.
The constructor function foo is called with the specified arguments and this bound to the newly created object. new foo is equivalent to new foo(), i.e. if no argument list is specified, foo is called without arguments.
The object returned by the constructor function becomes the result of the whole new expression. If the constructor function doesn't explicitly return an object, the object created in step 1 is used instead. (Normally constructors don't return a value, but they can choose to do so if they want to override the normal object creation process.)
new的時(shí)候會(huì)執(zhí)行該返回的函數(shù)，即執(zhí)行this.initialize.apply(this, arguments); 此時(shí)的this就是新生成的對(duì)象，這也就是說了所有對(duì)象的初始化工作全部委托給initialize函數(shù)了。

-------

這里為什么要把自己的initialize方法綁定到自己身上？？