Rumah > Artikel > hujung hadapan web > Setiap penggunaan javascript
JavaScript ialah bahasa pengaturcaraan peringkat tinggi, dinamik, berorientasikan objek yang digunakan secara meluas dalam pembangunan web, aplikasi mudah alih dan aplikasi desktop. Antaranya, setiap gelung adalah salah satu kaedah gelung yang paling biasa digunakan dalam JavaScript dan mempunyai rangkaian aplikasi yang sangat luas.
Apakah setiap satu?
setiap satu ialah kaedah gelung yang direka bentuk untuk mengulangi data dalam tatasusunan atau objek. Ia digunakan sebagai lelaran, yang memudahkan menulis gelung dan menjadikan kod lebih mudah dibaca dan difahami.
Dalam JavaScript, setiap satu boleh menggunakan kaedah yang disediakan oleh perpustakaan atau rangka kerja yang berbeza, contohnya, $.each(), Underscore.js's _.each() dan Lodash's _.forEach() tunggu. Artikel ini akan menggunakan setiap kaedah Lodash sebagai contoh untuk menerangkan.
Bagaimana untuk menggunakan setiap satu?
Untuk tatasusunan:
Sebelum menggunakan setiap kaedah yang disediakan oleh setiap perpustakaan, kita perlu merujuk perpustakaan atau rangka kerja sebelum kita boleh menggunakan kaedah di dalamnya. Dalam Lodash, kita boleh menggunakan kaedah berikut untuk memperkenalkan setiap kaedah:
const _ = require('lodash');
Seterusnya, kita boleh menggunakan kaedah _.each() untuk melintasi tatasusunan, kodnya adalah seperti berikut:
let arr = ['apple', 'banana', 'pear']; _.each(arr, function(fruit) { console.log(fruit); });
Kod di atas, kita merentasi arr tatasusunan, dan kemudian menggunakan fungsi tanpa nama sebagai fungsi panggil balik untuk mengeluarkan nilai setiap elemen ke konsol.
Dalam contoh ini, kami menggunakan fungsi tanpa nama untuk mencetak setiap buah. Tetapi kita juga boleh menggunakan cara penulisan yang lebih mudah untuk mengendalikan contoh di atas. Sebagai contoh, kita boleh menggunakan fungsi anak panah untuk menggantikan fungsi tanpa nama tradisional:
_.each(arr, fruit => console.log(fruit));
Kaedah ini lebih ringkas dan mudah dibaca, dan ia juga sangat sesuai untuk memudahkan fungsi tanpa nama dengan hanya satu baris kod.
Untuk objek:
Apabila menggunakan setiap satu untuk melintasi objek, kita perlu mengubah suai parameter dalam setiap kaedah, contohnya:
let obj = {name: 'Tom', age: 18}; _.each(obj, function(value, key) { console.log(key + ': ' + value); });
Dalam kod di atas, kami menggunakan objek obj, dan melintasinya melalui setiap kaedah, dan keluarkan pasangan nilai kunci objek ke konsol. Kunci dan nilai setiap objek akan dihantar ke fungsi panggil balik sebagai parameter masing-masing.
valueOf
Untuk kaedah _.each() Lodash, terdapat kaedah lain yang berbeza daripada logik pemprosesan per item lalai, iaitu kaedah valueOf(). Jika kita menggunakan kaedah valueOf(), fungsi panggil balik menentukan bahawa parameter pertama sentiasa dihantar dalam nilai yang dikembalikan oleh valueOf(). Contohnya:
let obj = {name: 'Tom', age: 18}; _.each(obj, function(value, key) { console.log(value); }, function() { return this.age; }.valueOf());
Dalam kod di atas, kami menggunakan kaedah valueOf() dan mengembalikan umur objek dalam fungsi panggil balik. Oleh itu, pada konsol, hanya umur objek 18 adalah output.
Ringkasan:
Melalui contoh di atas, kita dapat melihat bahawa setiap gelung adalah sangat biasa dan praktikal dalam JavaScript. Ia boleh merentasi semua jenis struktur data, dan berbanding dengan gelung tradisional, ia mempunyai kelebihan menjadi lebih ringkas, lebih mudah dibaca dan lebih mudah untuk ditulis. Lebih penting lagi, ia digunakan secara meluas dalam kebanyakan perpustakaan atau rangka kerja JavaScript, menjadikan kod lebih piawai dan lebih mudah untuk diselenggara dan diperluaskan.
Walaupun perpustakaan atau rangka kerja JavaScript yang berbeza melaksanakan setiap kaedah dan parameter secara berbeza sedikit, secara amnya, tujuan dan fungsinya adalah konsisten. Oleh itu, dalam aplikasi praktikal, kita boleh memilih secara fleksibel mengikut keperluan projek dan tabiat pasukan.
Atas ialah kandungan terperinci Setiap penggunaan javascript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!