DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> JavaScript框架的實用函數
JavaScript框架的實用函數
編輯:關於JavaScript     

實用函數

許多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: "joe@joelennon.ie"});
hash.each(function(value, key) {
    alert(key + ": " + value);
});

但是,使用Prototype庫,這看起來就像清單5的代碼:

清單5:對鍵/值對的各個對象使用Prototype的each函數

var hash = $H({name: "Joe Lennon", email: "joe@joelennon.ie"});
hash.each(function(pair) {
    alert(pair.key + ": " + pair.value);
});

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

轉載地址:http://www.denisdeng.com/?p=716

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved