Rumah >hujung hadapan web >tutorial js >Pengenalan kepada menggunakan aliran kawalan Panggilan balik dalam kemahiran JavaScript_javascript
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.
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:
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
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?