Rumah > hujung hadapan web > tutorial js > Apakah fungsi penjana dalam JavaScript? dan Bagaimana ia berfungsi?

Apakah fungsi penjana dalam JavaScript? dan Bagaimana ia berfungsi?

Linda Hamilton
Lepaskan: 2024-12-31 18:47:11
asal
523 orang telah melayarinya

What is generator function in JavaScript? and How does it work?

Fungsi penjana dalam JavaScript ialah jenis fungsi khas yang boleh dijeda dan disambung semula semasa pelaksanaannya. Ia ditakrifkan menggunakan sintaks fungsi* dan menggunakan kata kunci hasil untuk menghasilkan nilai secara berurutan.

Ciri-ciri Utama fungsi Penjana

  1. Tentukan dengan fungsi* :
function* generatorFunction(){
  yield 1;
  yield 2;
  yield 3;
  yield 4; 
}
Salin selepas log masuk

2. Mengembalikan Iterator

  • apabila fungsi penjana dipanggil, ia tidak dilaksanakan serta-merta. Sebaliknya, ia mengembalikan objek lelaran.
  • Peulang mempunyai kaedah seterusnya() yang digunakan untuk mengawal perlaksanaan.
    1. kata kunci hasil:
  • Kata kunci hasil digunakan untuk menghasilkan nilai dan menjeda penjana.
  • apabila next() dipanggil semula, penjana menyambung semula pelaksanaan daripada titik di mana ia dijeda.

Contoh Fungsi Penjana:

function* generatorFunction(){
   console.log("start");
   yield 1;
   console.log("Resume");
   yield 2; 
   console.log("End");

}
const gen = generatorFuntion();
console.log(gen.next());
console.log(gen.next());
console.log(gen.next());
Salin selepas log masuk

Keluaran

start 
{value: 1, done: false}
Resume
{value: 2, done: false}
End
{Value: undefined, done: true}
Salin selepas log masuk

Bagaimana ia Berfungsi

  1. Pelaksanaan pada seterusnya():
    • apabila next() dipanggil buat kali pertama, penjana dimulakan pelaksanaan dan berjalan sehingga hasil pertama.
    • ia mengembalikan dan objek {value, done}, di mana:
      • nilai: Nilai yang dihasilkan oleh hasil.
      • done: Boolean yang menunjukkan sama ada penjana telah selesai
  2. Jeda dan Sambung semula.
    • Fungsi menjeda pelaksanaan apabila ia menemui hasil.
    • Ia disambung semula daripada yang dijeda apabila next() dipanggil semula.
  3. penyelesaian:
    • apabila fungsi penjana selesai, sifat selesai menjadi benar.

Atas ialah kandungan terperinci Apakah fungsi penjana dalam JavaScript? dan Bagaimana ia berfungsi?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:dev.to
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan