Fungsi utilitas
Banyak kerangka kerja JavaScript hadir dengan sejumlah besar fungsi utilitas yang memudahkan pengembangan aplikasi menggunakan JavaScript. Ada terlalu banyak hal yang perlu ditambahkan ke artikel ini, jadi saya akan membahas salah satu fungsi yang lebih menarik di sebagian besar kerangka kerja.
Jika Anda pernah bekerja dengan array JavaScript , Anda mungkin akrab dengan penggunaan loop untuk melakukan iterasi pada array dan memanipulasi nilainya. Misalnya, perhatikan kode di Listing 2:
Listing 2: Cara tradisional untuk melakukan iterasi pada array JavaScript
var buah = ['apel', 'pisang', 'jeruk'];
for(var i = 0; i < buah.panjang; i++) {
peringatan(buah[i]);
}
Kode pada Listing 2 sudah benar, tetapi agak rumit. Sebagian besar kerangka kerja JavaScript menyertakan fungsi every, yang memanggil fungsi spesifik untuk setiap elemen dalam array. Dengan menggunakan MooTools, operasi yang sama di Listing 2 dapat diselesaikan dengan menggunakan kode di Listing 3.
Listing 3: Menggunakan setiap fungsi MooTools
['apel', 'pisang', 'jeruk'].each(fungsi(item) {
peringatan(barang);
});
Listing 3 secara sintaksis identik dengan Prototipe dan jQuery, dengan sedikit perbedaan antara YUI dan ExtJS. Namun, sintaksisnya berbeda di berbagai kerangka kerja ketika diterapkan pada hash atau objek. Misalnya, di MooTools, Anda dapat menggunakan kode dalam daftar berikut:
Listing 4: Menggunakan fungsi masing-masing MooTools pada objek individual dari pasangan kunci/nilai
var hash = Hash baru({nama: "Joe Lennon", email: " [email protected] "});
hash.each(fungsi(nilai, kunci) {
peringatan(kunci + ": " + nilai);
});
Namun, dengan menggunakan pustaka Prototipe, ini terlihat seperti kode pada Listing 5:
Listing 5: Menggunakan fungsi masing-masing Prototipe pada objek individual dari pasangan kunci/nilai
var hash = $H({nama: "Joe Lennon", email: " [email protected] "});
hash.masing-masing(fungsi(pasangan) {
alert(pair.key + ": " + pair.nilai);
});
Setiap kerangka kerja berisi lebih banyak fungsi praktis, biasanya dibagi menjadi fungsi String, fungsi Angka, fungsi Array, fungsi Hash, fungsi Tanggal, dll. Untuk mempelajari lebih lanjut, lihat manual API dari kerangka JavaScript yang relevan.
Alamat cetak ulang: http://www.denisdeng.com/?p=716
Alamat asli: http://www.ibm.com/developerworks/web/library/wa-jsframeworks/index.html