Fahami apa itu penjana JavaScript dalam sepuluh minit (tersusun dan dikongsi)

WBOY
Lepaskan: 2021-12-21 18:40:11
ke hadapan
3007 orang telah melayarinya

Artikel ini membawa anda pengetahuan tentang penjana JavaScript, cara penjana dilaksanakan dan pengulangan tersuai menggunakan fungsi penjana saya harap ia akan membantu anda.

Fahami apa itu penjana JavaScript dalam sepuluh minit (tersusun dan dikongsi)

1.

boleh difahami sebagai penyeberang keadaan dalaman fungsi Setiap kali penjana dipanggil, keadaan dalaman fungsi berubah.


2. Terdapat asterisk antara

  • function dan nama fungsi *
  • Anda boleh menggunakan yield di dalam fungsi Ungkapan badan mentakrifkan keadaan berbeza

3. Bagaimanakah penjana dilaksanakan?

  • mempunyai kaedah next dalam penjana, yang merentasi keadaan seterusnya
  • yield ungkapan: bersamaan dengan bendera jeda, hanya memanggil kaedah next akan. melintasi keadaan seterusnya. Keadaan dalaman
  • Apabila menggunakan kaedah next, pelaksanaan bermula dari permulaan fungsi atau tempat terakhir berhenti sehingga ia menemui ungkapan yield seterusnya (atau pernyataan return )
    (Iaitu, fungsi penjana adalah bersamaan dengan fungsi yang boleh menjeda pelaksanaan, dan ungkapan yield ialah bendera jeda)

Mari kita memahaminya melalui contoh:
(ambil A familiar Hello World!!!)

function* sayHW(){
    yield "Hello";
    yield "World";
    return "!!!";}let say = sayHW();console.log(say.next());console.log(say.next());console.log(say.next());
Salin selepas log masuk

Fahami apa itu penjana JavaScript dalam sepuluh minit (tersusun dan dikongsi)

Sebanyak tiga next kaedah dipanggil di sini:

Apabila dipanggil untuk pertama kalinya, Berhenti apabila menemui yield Kaedah next mengembalikan objek valuenya ialah nilai ungkapan yield semasa Nilai atribut Hello ialah done, menunjukkan bahawa traversal belum tamat Apabila false

dipanggil untuk kali kedua, ia berhenti apabila menemui

Kaedah yield mengembalikan objek yang mempunyai atribut next ungkapan value semasa yield, World Nilai atribut ialah done, yang bermaksud bahawa traversal belum berakhir false

dan kemudian sehingga panggilan ketiga, pernyataan

ialah dilaksanakan (jika tidak, ia dilaksanakan sehingga akhir fungsi). Pada masa ini, nilai atribut return yang dikembalikan oleh next ialah nilai selepas pernyataan value dan atribut return ialah done (jika tiada true, pada masa ini return masih done), Menunjukkan penghujung kitaran. false

Seterusnya, kami mengeluarkan

sekali lagi: next

console.log(say.next());
Salin selepas log masuk

Fahami apa itu penjana JavaScript dalam sepuluh minit (tersusun dan dikongsi) Pada masa ini,
akan mengembalikan objek ini dan next ialah value , undefined ialah · done (tidak kira sama ada terdapat pernyataan true sebelum ini, fungsi telah selesai dijalankan pada masa ini, jadi return ialah done) true


4 . Gunakan fungsi penjana penjanaan untuk menyesuaikan lelaran

Daripada penerangan di atas, kita boleh tahu bahawa fungsi penjana membolehkan kita mentakrifkan fungsi

yang mengandungi algoritma lelarannya sendiri , dan ia boleh secara automatik. mengekalkan negeri sendiri.

Memandangkan iterator tersuai perlu mengekalkan keadaan dalaman mereka secara eksplisit, kami boleh menggunakannya untuk menyesuaikan iterator.

(Jika anda tidak tahu tentang iterator, anda boleh membaca artikel ini dahulu: JavaScript iterator)

Seterusnya, mari kita fahami melalui contoh:

Kini terdapat

objek, kita ingin menggunakan colors untuk melintasinya, kemudian kita boleh menyesuaikan iterator. for...of

let colors = {
    blue : "蓝色",
    green : "绿色",
    yellow : "黄色"}
Salin selepas log masuk

Tulisan biasa:

colors[Symbol.iterator] = function() {
	let keys = Object.keys(colors);
	// 如果用 let keys = Reflect.ownKeys(colors),keys 就会包括一些不可枚举的属性
	// 那么后面的 len 要减一,减去Symbol.iterator这个属性
	// 根据实际情况选择使用
	let len = keys.length;
	let index = 0;
	
	return {
	    next : function() {
	        if (index <p>Menggunakan penulisan fungsi penjana: <strong></strong></p><pre class="brush:php;toolbar:false">colors[Symbol.iterator] = function* () {
    let keys = Object.keys(colors);
    // 如果用 let keys = Reflect.ownKeys(colors),包括了一些不可枚举的属性
    // 那么后面的 len 要减一,减去Symbol.iterator这个属性
    // 根据实际情况选择使用
    let len = keys.length;
    let index = 0;
    
    while(index <p> <img src="https://img.php.cn/upload/article/000/000/067/8f7f79150b168282d5b05a3ad154c98b-2.png" alt="Fahami apa itu penjana JavaScript dalam sepuluh minit (tersusun dan dikongsi)"></p>Itu sahaja ia lebih mudah selepas menggunakan fungsi penjana untuk menyesuaikan lelaran. <p></p>[Cadangan berkaitan: <p>tutorial pembelajaran javascript<a href="https://www.php.cn/course/list/17.html" target="_blank"></a>]<strong></strong></p>
Salin selepas log masuk

Atas ialah kandungan terperinci Fahami apa itu penjana JavaScript dalam sepuluh minit (tersusun dan dikongsi). Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:csdn.net
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan