Pemahaman mendalam tentang teknik js promise chain_javascript

Standard baharu menambah Promise asli.

Di sini kita hanya membincangkan penggunaan rantai, dan memikirkan butirannya.

1 Semakan then() dan catch()

Fungsi panggil balik boleh diletakkan dalam parameter then() dan catch() untuk menerima hasil akhir Promise.

then() boleh menerima parameter, maka panggil balik ini hanya akan dipanggil apabila Promise resolve().

then() juga boleh menerima parameter kedua, kemudian panggil balik kedua digunakan untuk mengendalikan situasi Promise reject().

catch() mengendalikan situasi Promise reject() secara khusus.

Dalam erti kata lain, then() boleh digunakan kedua-dua cara dan catch() hanya boleh mengendalikan situasi reject(). Walau bagaimanapun, adalah disyorkan untuk menggunakan then() untuk mengendalikan resolve() dan catch() untuk mengendalikan reject().

Kedua, walaubagaimanapun, apa yang saya nak bincangkan bukanlah perkara di atas sekadar untuk mengkaji penggunaan asas. Di sini kita mula bercakap tentang nilai pulangan then() dan catch() dan butiran penggunaan rantai.

Kemudian dokumentasi rasmi mengatakan bahawa kedua-dua then() dan catch() mengembalikan Janji, yang sangat menarik. (Saya baru kepada js, ​​dan saya tidak pernah didedahkan dengan janji di alam liar sebelum ini).

Pertama sekali, Janji yang baru dikembalikan ini bukanlah Janji yang asal

Kedua, perubahan dalam status Janji yang baru dikembalikan ini (sama ada azam() atau tolak().) berkaitan dengan status Janji sebelumnya dan cara kemudian() digunakan.

Terangkan dahulu situasi kemudian(): (serupa dengan tangkapan)

var p1 = Promise.resolve("Success");
var p2 = p1.then(task1);
var p3 = p2.then(task2);

Nota: Tugas1 dan tugas2 di atas adalah kedua-duanya panggilan balik.

Di sini, p1 ialah Janji yang dicipta dan diselesaikan() secara langsung

p2 ialah Janji yang diperolehi dengan menggunakan then(), dan p3 juga Janji yang diperolehi dengan menggunakan then().

Jadi bagaimana status p2 berubah?

Saya akan menggunakan gambar berikut untuk menerangkan konsep ini:

Antaranya,

1. Oktagon mewakili objek Janji.

2. Bulatan mewakili keadaan dalaman Janji, dan anak panah hitam mewakili perubahan keadaan.

3. Anak panah kanan mewakili memanggil fungsi kemudian.

4. Dengan kata lain, selagi fungsi itu dipanggil, objek Promise baharu akan dihasilkan.

5. Apabila memanggil fungsi kemudian, saya tidak tahu apakah status objek Janji sebelumnya, adakah ia belum selesai atau diselesaikan? Ini tidak boleh diandaikan dan tidak boleh dilihat dari dunia luar.

6. Panggilan fungsi kemudian tidak akan menyekat, iaitu, p2 dan p3 dijana hampir serta-merta, walaupun p1 masih perlahan-lahan memindahkan keadaannya sendiri.

Kami tahu bahawa status p1 telah diselesaikan (lihat kod di atas). Namun, belum dijelaskan di sini bagaimana status p2 dan p3 berubah Adakah ia diselesaikan atau ditolak? Lihat imej baharu di bawah.

Anda boleh melihat lebih banyak bentuk berlian.

Berlian mewakili fungsi panggil balik yang dihantar semasa membuat panggilan. Berlian ke atas mewakili pemprosesan masuk [untuk objek Janji sebelumnya yang telah diselesaikan] dan berlian ke bawah mewakili pemprosesan masuk [untuk objek Janji sebelumnya yang ditolak].

Nota: Dalam contoh ini, tidak ada pemprosesan penolakan, maksudnya, belah ketupat ke bawah tidak boleh dilukis dalam gambar di atas adalah khusus kepada kami. Bagaimana untuk menggunakan kemudian atau menangkap. Lihat sekali lagi pada kod sampel:

<span>var</span> p1 = Promise.resolve("Success"<span>);</span><span>var</span> p2 =<span> p1.then(task1);//产生了向上的菱形</span><span>var</span> p3 = p2.then(task2);//产生了向上的菱形

Seperti yang anda lihat, kami tidak memberikan parameter kedua pada masa itu, yang bermaksud kami tidak mengendalikan situasi penolakan.

Selain itu, kalau nak handle reject, boleh pakai lepas tu, atau boleh guna Catch digunakan khas untuk handle reject.

1. Jika keadaan akhir p1 (selesai atau tolak) diproses dengan betul (apabila memanggil kemudian, panggilan balik yang sepadan dihantar, iaitu, terdapat berlian yang sepadan), maka keadaan p2 akan berubah untuk menyelesaikan .

2. Jika keadaan akhir p1 (selesai atau tolak) tidak diproses dengan betul (apabila membuat panggilan, panggilan balik yang sepadan hilang, iaitu, tiada berlian yang sepadan), maka keadaan p1 akan dihalakan ke p2 (menerima status p1).

3. Sampaikan seperti ini.

4. Artikel ini tidak menerangkan cara mendapatkan data akhir Janji sebelumnya dalam panggilan balik, iaitu cara memindahkan data Terdapat banyak tutorial mengenai perkara ini.

Tiga, beberapa contoh diberikan di bawah untuk meringkaskan artikel ini.

Status P1 dalam gambar diberi, azam atau tolak semuanya diberikan sendiri. Matlamatnya adalah untuk menyimpulkan keadaan akhir P2 dan P3.

Di atas ialah empat contoh bebas tanpa kaitan antara mereka.

X bermaksud P3 tidak menggunakan fungsi then atau catch, jadi tiada cara untuk menangani penyelesaian atau penolakan.

Akhir sekali, jika terdapat sebarang kesilapan, sila betulkan tepat pada masanya, terima kasih! ~! ! @~~~

Pemahaman mendalam tentang rantai janji js di atas adalah semua kandungan yang dikongsi oleh editor saya harap ia dapat memberi rujukan kepada anda, dan saya harap anda akan menyokong Script Home.