Ievads JavaScript iratoros un ģeneratoros

Kopš 2015. gada EcmaScript6 (ES6) ir devis daudzus uzlabojumus JavaScript kodēšanas praksē. JavaScript tika ieviesti daudzi mūsdienīgi jēdzieni, ievērojami uzlabojot kodēšanas pieredzi. Šajā rakstā jūs uzzināsit par iteratoriem un ģeneratoriem JavaScript.

Iteratori un ģeneratori ir divi dažādi jēdzieni, taču tos izmanto līdzīgi. Tos izmanto, lai atkārtotu JavaScript masīvus un objektus.

Iteratori

Iteratori ir kā uzlabotas cilpas, kuras var apturēt. Iteratori sastāv no Nākamais() funkcija, kas atgriež vērtību un pabeigto statusu. The vērtību lauks ir vērtība masīvā pie noteiktā indeksa. darīts ir Būla vērtība, kas caur cilpu atgriež iterācijas pabeigšanas statusu.

Šeit ir piemērs, kas parāda iteratoru darbību:

funkcija fruitIter (augļi) {
ļaujiet indeksam = 0;
atgriezties {
nākamais: function () {
atgriešanās indekss }
}
}
const fruitArray = ["Mango", "Banāns", "Vīnogas"];
const augļi = fruitIter (augļiArray);
console.log (augļi.nākamais (). vērtība);

Izeja:

Mango

Kad jūs iet garām augļiArray masīvs

fruitIter () metodi, tas atgriež iteratoru, kas tiek saglabāts mapē augļi mainīgais. The rādītājs mainīgais fruitIter () metode tiek inicializēta uz 0. Šī metode atgriež Nākamais() funkcija, kas palīdz cilpu cauri masīvam. The Nākamais() funkcija pārbauda, ​​vai indekss ir mazāks par augļiArray garums. Ja tā, tas atgriež divus mainīgos: augļa nosaukumu šajā indeksā un darīts statuss. Atgriežot šīs vērtības, tas arī palielina indeksa vērtību.

Lai pārbaudītu, kā šī metode darbojas, un izdrukājiet augļa nosaukumu, zvaniet uz Nākamais() funkcija uz augļi iteratoru un piekļūt tā vērtībai.

Saistīts: Kas ir funkcija programmēšanā?

Ģeneratori

Ģeneratori ir līdzīgi atkārtotājiem, taču tie atgriež vairākas vērtības. Šīs vērtības sauc par ienesīguma vērtībām. Ģeneratora funkcijas tiek rakstītas, izmantojot funkcija* sintakse. * norāda, ka tā nav normāla funkcija, bet gan ģenerators. Šeit ir ģeneratoru piemērs:

funkcija* printFruits () {
raža "Mango";
raža "Banāns";
raža "Vīnogas";
}
const augļi = printFruits ();
console.log (fruit.next ()); 

Izeja:

{value: 'Mango', darīts: nepatiess}

Šajā piemērā raža ir iterators. Kad izsaucat funkciju printFruits ()un drukāt fruit.next (), tas dod jums objektu, kurā iegūstat vērtību. The darīts statuss norāda, vai visas vērtības ir atkārtotas.

Uzziniet datu struktūras, izmantojot JavaScript ES6 klases

JavaScript ES6 sniedza daudz uzlabojumu kodēšanas praksē. Ne mazāk svarīga ir datu struktūru veidošana, izmantojot ES6 klases. Spiediet. pop, un sakārtojiet savu ceļu uz augšu un kļūstiet par JavaScript profesionāli!

Kā izveidot datu struktūras, izmantojot JavaScript ES6 klases

Ieviešot JavaScript ES6, nāca pielāgotas datu struktūras. Lūk, kā tos izveidot un lietot.

Lasīt Tālāk

Par autoru