使用Mootools開發JavaScript單元測試架構

Mootools是一個很好的JavaScript架構，它簡潔、模組化，使用很簡單，開發人員能夠很快上手，編寫擴充能力強、相容性好的JavaScript代碼。我這兩天用了用，感覺和Prototype用法簡直一模一樣，不過功能似乎更加強，有很多效果，拖拽等。而且它的物件導向，繼承比Prototype更直觀好用，所以我開始學習這個架構。

首先看看Mootools的基本用法吧，更加詳盡的解釋可以在官方網站上找到。

1.? 如果我們要寫一個Animal類，我們可以這樣寫：

 var Animal = new Class({     initialize: function(name)     {         this.name = name;     } });

和Prototype的Class.create很像，只是我覺得這樣寫法更加順手，使用this定義的變數是類的成員，在類函數中可以任意使用該變數。

如果我們要給Animal類新增方法，只需要調用extend方法就能夠很容易的做到：

 Animal.extend({     bark: function()     {         return this.name + ": no sound";     } });

 

2. 元素操作。Mootools使用Element類來封裝html元素，增加了許多常用的方法，可以看看下面的代碼：

 var div1 = new Element('div', {     'styles': {         'width': '200px',         'height': '300px',         'border': '1px solid red'     },     'events': {         'click': function()         {             alert('test');         }     } }).inject(document.body);

是不是很清晰，元素的類型、樣式、事件、位置都很清晰的表達出來，讓人一目瞭然而且代碼量很少。