10 ciri lodash yang boleh anda ganti dengan ES6

Lodash kini merupakan perpustakaan yang paling bergantung dalam pakej NPM, tetapi jika anda menggunakan ES6, anda mungkin tidak memerlukannya. Artikel ini akan meneroka cara menggabungkan kaedah pengumpulan asli, fungsi anak panah dan ciri -ciri ES6 yang lain untuk memudahkan kod banyak senario biasa.

mata teras

Lodash kini merupakan perpustakaan yang paling bergantung dalam pakej NPM, tetapi dalam beberapa kes, menggunakan ES6 dapat menghapuskan keperluan untuknya.
• Ciri -ciri ES6, seperti kaedah set asli, fungsi anak panah, sintaks dekonstruksi, dan pengendali rehat dan penyebaran, boleh menggantikan fungsi biasa lodash, seperti
,
• , map, filter, reduce & head dan berehat dan tersebar. tail
ES6 juga boleh menggunakan fungsi anak panah, parameter rehat dan penyebaran pengendali untuk menggantikan fungsi Lodash
• , curry, pengendali, jalan, partial, pick, constant, identity, dan rantai fungsi sedemikian sebagai panggilan gaya. noop
Walaupun Lodash masih merupakan perpustakaan yang sangat berharga, versi evolusi JavaScript (ES6) menyediakan cara baru untuk menyelesaikan masalah yang sebelumnya dikendalikan oleh modul utiliti seperti Lodash.

1. peta, penapis, mengurangkan

Kaedah pengumpulan ini menjadikan transformasi data mudah dan hampir disokong secara universal. Kita boleh menggunakannya dalam kombinasi dengan fungsi anak panah untuk menulis kod ringkas untuk menggantikan pelaksanaan yang disediakan oleh Lodash:

<code class="language-javascript">// Lodash
_.map([1, 2, 3], function(n) { return n * 3; });
// [3, 6, 9]
_.reduce([1, 2, 3], function(total, n) { return total + n; }, 0);
// 6
_.filter([1, 2, 3], function(n) { return n % 2; });
// [1, 3]

// ES6
[1, 2, 3].map(n => n * 3);
[1, 2, 3].reduce((total, n) => total + n, 0);
[1, 2, 3].filter(n => n % 2);</code>

Ini bukan semua. Jika kita menggunakan penyemak imbas moden, kita juga boleh menggunakan

, find, some dan every. reduceRight

2. kepala & ekor

sintaks dekonstruksi membolehkan kami mendapatkan kepala dan ekor senarai tanpa memerlukan fungsi praktikal:

<code class="language-javascript">// Lodash
_.head([1, 2, 3]);
// 1
_.tail([1, 2, 3]);
// [2, 3]

// ES6
const [head, ...tail] = [1, 2, 3];</code>

anda juga boleh mendapatkan elemen awal dan elemen terakhir sama:

<code class="language-javascript">// Lodash
_.initial([1, 2, 3]);
// -> [1, 2]
_.last([1, 2, 3]);
// 3

// ES6
const [last, ...initial] = [...[1, 2, 3]].reverse();</code>

Jika anda berfikir

akan mengubah struktur data, anda boleh menggunakan pengendali penyebaran untuk mengklon array sebelum memanggil reverse: reverse

3. rehat dan tersebar

Fungsi -fungsi rehat dan penyebaran membolehkan kita menentukan dan memanggil fungsi yang menerima bilangan parameter yang berubah -ubah. ES6 memperkenalkan sintaks khas untuk kedua -dua operasi ini:

4. Curry

Tanpa bahasa peringkat tinggi seperti typescript atau aliran, kami tidak dapat memberikan tandatangan jenis untuk fungsi, yang menjadikan kari agak sukar. Apabila kita menerima fungsi yang kari, sukar untuk mengetahui berapa banyak parameter yang telah disediakan dan parameter apa yang perlu disediakan seterusnya. Menggunakan fungsi anak panah, kita boleh menentukan fungsi -fungsi kari dengan jelas untuk memudahkan mereka difahami oleh pengaturcara lain:

5. separa

seperti kari, kita boleh menggunakan fungsi anak panah untuk membuat beberapa aplikasi mudah dan jelas:

6. operator

Lodash mengandungi banyak fungsi yang mengimplementasikan pengendali sintaks ke dalam fungsi supaya mereka dapat diserahkan kepada kaedah pengumpulan. Dalam kebanyakan kes, fungsi anak panah menjadikannya mudah dan cukup pendek sehingga kita dapat menentukan mereka secara sejajar:

7. Paths

Banyak fungsi laluan menggunakan Lodash sebagai rentetan atau tatasusunan. Kita boleh menggunakan fungsi anak panah untuk membuat lebih banyak laluan yang boleh diguna semula:

8. Pick

Utiliti

pick membolehkan kita memilih atribut yang dikehendaki dari objek sasaran. Kita boleh mencapai hasil yang sama menggunakan literasi objek dekonstruksi dan singkatan:

9. tetap, identiti, noop

Lodash menyediakan beberapa utiliti untuk mewujudkan fungsi mudah dengan tingkah laku tertentu:

10. Chaining & Flow

Lodash menyediakan beberapa fungsi untuk membantu kami menulis pernyataan rantaian. Dalam banyak kes, kaedah pengumpulan terbina dalam mengembalikan contoh array yang boleh dirantai secara langsung, tetapi ini tidak mungkin dalam kes-kes di mana beberapa kaedah mengubahsuai koleksi. Walau bagaimanapun, kita boleh menentukan penukaran yang sama sebagai pelbagai fungsi anak panah:

Kesimpulan

Lodash masih merupakan perpustakaan yang hebat, dan artikel ini hanyalah perspektif baru tentang bagaimana versi JavaScript yang berkembang dapat membolehkan kita menyelesaikan beberapa masalah dalam pergantungan masa lalu pada modul utiliti. Jangan abaikannya. Sebaliknya, pada masa akan datang, anda memerlukan abstraksi, pertimbangkan sama ada fungsi mudah boleh diganti!

(bahagian Soalan Lazim ditinggalkan, kerana ia tidak ada kaitan dengan kod pseudo-asal dan lebih lama)

Atas ialah kandungan terperinci 10 ciri lodash yang boleh anda ganti dengan ES6. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!