Rumah >hujung hadapan web >tutorial js >Panduan pemula ' s untuk kari dalam JavaScript berfungsi
3
Currying, atau aplikasi separa, adalah salah satu teknik fungsional yang boleh membingungkan kepada orang yang biasa dengan cara yang lebih tradisional untuk menulis JavaScript. Tetapi apabila digunakan dengan betul, ia sebenarnya boleh menjadikan JavaScript berfungsi lebih mudah dibaca.
Currying boleh membuat kod JavaScript lebih mudah dibaca dan fleksibel. Ia membolehkan penciptaan perpustakaan fungsi kecil dan mudah dikonfigurasikan yang berkelakuan secara konsisten, cepat digunakan, dan dapat difahami ketika membaca kod anda.
Secara ringkas, kari adalah cara membina fungsi yang membolehkan penggunaan separa argumen fungsi. Apa ini bermakna anda boleh lulus semua argumen fungsi yang diharapkan dan mendapatkan hasilnya, atau lulus subset hujah -hujah tersebut dan mendapatkan fungsi kembali yang menunggu seluruh argumen. Ia benar -benar mudah.
Currying adalah unsur dalam bahasa seperti Haskell dan Scala, yang dibina di sekitar konsep berfungsi. JavaScript mempunyai keupayaan berfungsi, tetapi kari tidak dibina secara lalai (sekurang -kurangnya tidak dalam versi bahasa semasa). Tetapi kita sudah tahu beberapa helah berfungsi, dan kita boleh membuat kerja kari untuk kita di JavaScript juga.
Untuk memberi anda rasa bagaimana ini dapat berfungsi, mari kita buat fungsi kari pertama kami di JavaScript, menggunakan sintaks yang biasa untuk membina fungsi kari yang kami inginkan. Sebagai contoh, mari kita bayangkan fungsi yang menyambut seseorang dengan nama. Kita semua tahu bagaimana untuk membuat fungsi salam yang mudah yang mengambil nama dan ucapan, dan log ucapan dengan nama ke konsol:
var greet = function(greeting, name) { console.log(greeting + ", " + name); }; greet("Hello", "Heidi"); //"Hello, Heidi"
Fungsi ini memerlukan kedua -dua nama dan ucapan yang akan diluluskan sebagai argumen untuk berfungsi dengan baik. Tetapi kita boleh menulis semula fungsi ini dengan menggunakan kari bersarang sederhana, supaya fungsi asas hanya memerlukan ucapan, dan ia mengembalikan fungsi lain yang mengambil nama orang yang kita ingin menyambut.
var greetCurried = function(greeting) { return function(name) { console.log(greeting + ", " + name); }; };
Pelarasan kecil ini dengan cara kami menulis fungsi ini membolehkan kami membuat fungsi baru untuk apa -apa jenis ucapan, dan lulus fungsi baru nama orang yang kami ingin salam:
var greetHello = greetCurried("Hello"); greetHello("Heidi"); //"Hello, Heidi" greetHello("Eddie"); //"Hello, Eddie"
kita juga boleh memanggil fungsi kari yang asal secara langsung, hanya dengan lulus setiap parameter dalam satu set kurungan yang berasingan, satu tepat selepas yang lain:
greetCurried("Hi there")("Howard"); //"Hi there, Howard"
mengapa tidak mencuba ini dalam penyemak imbas anda?
perkara yang keren adalah, sekarang kita telah belajar bagaimana mengubahsuai fungsi tradisional kita untuk menggunakan pendekatan ini untuk menangani argumen, kita boleh melakukan ini dengan banyak argumen yang kita mahu:
var greetDeeplyCurried = function(greeting) { return function(separator) { return function(emphasis) { return function(name) { console.log(greeting + separator + name + emphasis); }; }; }; };
Kami mempunyai fleksibiliti yang sama dengan empat hujah seperti yang kita ada dengan dua. Tidak kira sejauh mana bersarang, kita boleh membuat fungsi tersuai baru untuk menyambut seberapa banyak orang seperti yang kita pilih dalam banyak cara sesuai dengan tujuan kita:
var greetAwkwardly = greetDeeplyCurried("Hello")("...")("?"); greetAwkwardly("Heidi"); //"Hello...Heidi?" greetAwkwardly("Eddie"); //"Hello...Eddie?"
Lebih -lebih lagi, kita boleh lulus seberapa banyak parameter yang kita suka ketika membuat variasi tersuai pada fungsi karies asal kita, mewujudkan fungsi baru yang dapat mengambil bilangan parameter tambahan yang sesuai, masing -masing diluluskan secara berasingan dalam set kurungannya sendiri:
var sayHello = greetDeeplyCurried("Hello")(", "); sayHello(".")("Heidi"); //"Hello, Heidi." sayHello(".")("Eddie"); //"Hello, Eddie."
dan kita boleh menentukan variasi bawahan dengan mudah:
var askHello = sayHello("?"); askHello("Heidi"); //"Hello, Heidi?" askHello("Eddie"); //"Hello, Eddie?"
Anda dapat melihat betapa kuatnya pendekatan ini, terutamanya jika anda perlu membuat banyak fungsi tersuai yang sangat terperinci. Satu -satunya masalah ialah sintaks. Semasa anda membina fungsi -fungsi ini, anda perlu menyimpan fungsi bersarang yang dikembalikan, dan memanggilnya dengan fungsi baru yang memerlukan pelbagai set kurungan, masing -masing mengandungi hujah terpencil sendiri. Ia boleh menjadi kemas.
Untuk menangani masalah itu, satu pendekatan adalah untuk mewujudkan fungsi kari cepat dan kotor yang akan mengambil nama fungsi sedia ada yang ditulis tanpa semua pulangan bersarang. Fungsi kari perlu mengeluarkan senarai hujah untuk fungsi itu, dan menggunakannya untuk mengembalikan versi kari fungsi asal:
var greet = function(greeting, name) { console.log(greeting + ", " + name); }; greet("Hello", "Heidi"); //"Hello, Heidi"
Untuk menggunakan ini, kami lulus nama fungsi yang mengambil sejumlah argumen, bersama-sama dengan banyak hujah seperti yang kita mahu pra-populate. Apa yang kita dapat kembali adalah fungsi yang menunggu argumen yang tinggal:
var greetCurried = function(greeting) { return function(name) { console.log(greeting + ", " + name); }; };
dan seperti dahulu, kita tidak terhad dari segi bilangan argumen yang kita mahu gunakan ketika membina fungsi derivatif dari fungsi asal kari kita:
var greetHello = greetCurried("Hello"); greetHello("Heidi"); //"Hello, Heidi" greetHello("Eddie"); //"Hello, Eddie"
Fungsi kari kecil kami mungkin tidak mengendalikan semua kes kelebihan, seperti parameter yang hilang atau pilihan, tetapi ia melakukan pekerjaan yang munasabah selagi kami tetap ketat tentang sintaks untuk lulus argumen.
Sesetengah perpustakaan JavaScript berfungsi seperti Ramda mempunyai fungsi kari yang lebih fleksibel yang boleh memecahkan parameter yang diperlukan untuk fungsi, dan membolehkan anda menyampaikannya secara individu atau dalam kumpulan untuk membuat variasi kari tersuai. Jika anda ingin menggunakan kari secara meluas, ini mungkin cara untuk pergi.
tidak kira bagaimana anda memilih untuk menambah kari ke pengaturcaraan anda, sama ada anda hanya mahu menggunakan tanda kurung bersarang atau anda lebih suka memasukkan fungsi yang lebih mantap, datang dengan konvensyen penamaan yang konsisten untuk fungsi kari anda akan membantu membuat kod anda lebih mudah dibaca. Setiap variasi fungsi yang diperolehi harus mempunyai nama yang menjelaskan bagaimana ia berfungsi, dan apa argumen yang diharapkan.
Satu perkara yang penting untuk diingat apabila kari adalah perintah argumen. Menggunakan pendekatan yang telah kami jelaskan, anda pasti menginginkan hujah bahawa anda kemungkinan besar akan menggantikan dari satu variasi ke seterusnya untuk menjadi hujah terakhir yang diserahkan kepada fungsi asal.
Berfikir ke hadapan mengenai perintah hujah akan memudahkan untuk merancang untuk mengekang, dan memohon kepada kerja anda. Dan memandangkan perintah hujah anda dari segi paling kurang mungkin berubah bukanlah kebiasaan buruk untuk masuk ke dalam ketika merancang fungsi.
Currying adalah teknik yang sangat berguna dari JavaScript berfungsi. Ia membolehkan anda menjana perpustakaan fungsi yang kecil dan mudah dikonfigurasikan yang berkelakuan secara konsisten, cepat digunakan, dan yang dapat difahami ketika membaca kod anda. Menambah kari ke amalan pengekodan anda akan menggalakkan penggunaan fungsi sebahagiannya digunakan sepanjang kod anda, mengelakkan banyak pengulangan yang berpotensi, dan boleh membantu anda menjadi tabiat yang lebih baik mengenai penamaan dan menangani argumen fungsi.
Jika anda menikmati, siaran ini, anda mungkin juga suka beberapa yang lain dari siri ini: fungsi tambah (a, b, c) {
dengan kari, fungsi yang sama akan ditulis sebagai fungsi:
}
}
console.log (tambah (1) (2) (3)); // output: 6
Apakah batasan atau kelemahan menggunakan kari di JavaScript? Salah satu kelemahan utama adalah bahawa ia boleh membuat kod lebih sukar untuk difahami bagi mereka yang tidak biasa dengan konsep ini, terutamanya apabila berurusan dengan fungsi dengan sejumlah besar argumen. Ia juga boleh membawa kepada overhead prestasi kerana penciptaan penutupan tambahan. Tambahan pula, ia boleh membuat fungsi panggilan lebih verbose, kerana setiap hujah mesti diluluskan dalam satu set kurungan yang berasingan. Berkaitan dengan konsep fungsi pesanan tinggi dalam JavaScript. Fungsi pesanan yang lebih tinggi adalah fungsi yang mengambil satu atau lebih fungsi sebagai argumen, mengembalikan fungsi sebagai hasilnya, atau kedua-duanya. Oleh kerana kari melibatkan mengubah fungsi ke dalam urutan panggilan fungsi, ia secara semula jadi melibatkan penggunaan fungsi pesanan yang lebih tinggi.
const add = a => b => c => a b c;
adalah kari yang digunakan dalam perpustakaan atau kerangka JavaScript yang popular? Sebagai contoh, ia adalah konsep asas dalam perpustakaan seperti Ramda dan Lodash, yang menyediakan fungsi utiliti untuk pengaturcaraan berfungsi di JavaScript. Ia juga digunakan dalam Redux, perpustakaan pengurusan negeri yang popular untuk bertindak balas. Komposisi fungsi adalah proses menggabungkan dua atau lebih fungsi untuk mewujudkan fungsi baru. Oleh kerana kari membolehkan anda membuat fungsi unary, ia memudahkan komposisi fungsi dengan memastikan bahawa setiap fungsi mempunyai satu input dan satu output. Fungsi dengan dua atau lebih argumen boleh dikurangkan. Walau bagaimanapun, dalam praktiknya, ia mungkin tidak semestinya praktikal atau bermanfaat untuk mengekang fungsi. Sebagai contoh, kari mungkin tidak berguna untuk fungsi yang perlu dipanggil dengan bilangan argumen yang berlainan pada masa yang berlainan. Kod anda lebih mudah dibaca dan modular, ia juga boleh memberi sedikit kesan terhadap prestasi. Ini kerana setiap kali anda mengekang fungsi, anda membuat penutupan baru. Walau bagaimanapun, dalam kebanyakan kes, impak terhadap prestasi boleh diabaikan dan lebih besar daripada faedah pembacaan dan kebolehkerjaan kod yang lebih baik.
Atas ialah kandungan terperinci Panduan pemula ' s untuk kari dalam JavaScript berfungsi. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!