Rumah  >  Artikel  >  hujung hadapan web  >  Pengenalan kepada menggunakan aliran kawalan Panggilan balik dalam kemahiran JavaScript_javascript

Pengenalan kepada menggunakan aliran kawalan Panggilan balik dalam kemahiran JavaScript_javascript

WBOY
WBOYasal
2016-05-16 16:08:581439semak imbas

Panggil balik yang boleh dilihat di mana-mana dalam JavaScript adalah bencana untuk kawalan proses, dan kelemahannya adalah jelas:

1. Tanpa pulangan yang jelas, mudah untuk menghasilkan proses berlebihan dan pepijat yang terhasil.
2. Kod bersarang tidak terhingga dan sukar dibaca.

Mari kita bincang tentang cara menyelesaikan dan mengelakkan masalah di atas.

Masalah pertama ialah masalah kebiasaan Apabila menggunakan panggilan balik, orang sering terlupa untuk menggunakan pulangan Ini adalah benar apabila menggunakan skrip kopi (walaupun ia akan mengumpulkan hasil akhir dengan sendirinya apabila dikompilasi ke dalam javascript). digunakan sebagai nilai pulangan, tetapi nilai pulangan ini tidak semestinya mewakili niat asal anda). Sila lihat contoh di bawah.

Salin kod Kod adalah seperti berikut:

a = (err, panggil balik)->
panggil balik() jika err?
console.log 'anda akan melihat saya'

b = ->
console.log 'Saya panggil balik'

a('ralat', b)

Dalam gaya pengekodan yang dipanggil "ralat dahulu", jelas sekali kami tidak mahu kod berikutnya dalam kaedah a masih dilaksanakan apabila ralat berlaku, tetapi kami tidak mahu menggunakan lontaran untuk membuat keseluruhan proses hang (ia mesti anggun walaupun ia berlaku) Damn it~), maka kod di atas akan menghasilkan pepijat.

Satu penyelesaian ialah menulis jika...lain... secara jujur, tetapi saya lebih suka pendekatan berikut:

Salin kod Kod adalah seperti berikut:

a = (err, panggil balik)->
kembalikan panggilan balik() jika err?
console.log 'anda tidak akan melihat saya'

b = ->
console.log 'Saya panggil balik'

a('ralat', b)

Kebanyakan nilai pulangan ​​​​dalam kaedah tak segerak JavaScript tidak berguna, jadi pulangan digunakan di sini untuk bertindak sebagai kawalan proses, iaitu kurang kod berbanding if...else..., tetapi lebih jelas.

Masalah kedua berpunca dalam rahim ibu dan sukar untuk dibasmi.

Cara yang baik ialah menggunakan beberapa modul kawalan aliran untuk menjadikan kod lebih teratur Contohnya, async ialah modul yang baik yang menyediakan satu siri antara muka, termasuk lelaran, gelung dan beberapa pernyataan bersyarat, malah termasuk A beratur. sistem. Contoh berikut boleh menggambarkan kelebihan dan kekurangan kedua-dua kaedah penulisan

Salin kod Kod adalah seperti berikut:

#biasa

pertama = (panggilan balik)->
console.log 'Saya adalah fungsi pertama'
panggil balik()

saat = (panggilan balik)->
console.log 'Saya adalah fungsi kedua'
panggil balik()

ketiga = ()->
console.log 'Saya adalah fungsi ketiga'

pertama ->
kedua ->
ketiga()

# gunakan tak segerak

async = memerlukan('async')

async.waterfall [
pertama,
kedua,
ketiga
], (err)->

Sebagai orang yang bijak, yang manakah anda akan pilih?

Kenyataan:
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