JavaScript框架比較:實用函數

作者：Eve Cole 更新時間：2010-04-26 15:52:05

實用函數

許多JavaScript框架都帶有大量的實用函數，這些函數讓應用JavaScript開發應用程式變得更加容易。這篇文章有太多內容需要補充，所以我將討論大多數框架中更引人注目的函數中的一個。

如果你曾經使用過JavaScript數組，你可能對使用循環來迭代數組操作其值非常熟悉。例如，想想清單2的程式碼：

清單2：迭代JavaScript數組的傳統方法

var fruit = ['apple', 'banana', 'orange'];
for(var i = 0; i < fruit.length; i++) {
alert(fruit[i]);
}

清單2中的程式碼沒錯，但有點麻煩。大多數JavaScript框架包括each功能，它為陣列中的每個元素呼叫一個特定的函數。使用MooTools，用清單3的程式碼可以完成清單2相同的操作。

清單3：使用MooTools的each函數

['apple', 'banana', 'orange'].each(function(item) {
alert(item);
});

清單3中在語法上與Prototype和jQuery是相同的，YUI 和ExtJS.略微不同。但是，當應用到hash或物件時，不同的框架語法是不同的。例如，在MooTools中，你可以使用下面清單中的程式碼：

清單4：對鍵/值對的各個物件使用MooTools的each函數

var hash = new Hash({name: "Joe Lennon", email: " [email protected] "});
hash.each(function(value, key) {
alert(key + ": " + value);
});

但是，使用Prototype庫，這看起來就像清單5的程式碼：

清單5：對鍵/值對的各個物件使用Prototype的each函數

var hash = $H({name: "Joe Lennon", email: " [email protected] "});
hash.each(function(pair) {
alert(pair.key + ": " + pair.value);
});

每個框架包含了許多更實用的函數，通常分為String函數、 Number函數、Array函數、Hash函數、 Date函數等等。要了解更多信息，請參閱相關JavaScript框架的API手冊。