Mengapakah Promise.all menyelesaikan dengan tatasusunan nilai yang tidak ditentukan apabila menggunakan fungsi async dalam peta?

Promise.all Menyelesaikan Array of Undefined: Membongkar Misteri

Promise menyediakan model pengaturcaraan tak segerak, membolehkan kebolehbacaan kod dan kawalan aliran yang dipertingkatkan. Namun, kadangkala, timbul isu yang tidak dijangka. Soalan ini meneroka sebab Promise.all mengembalikan susunan yang tidak ditentukan dan menyelesaikannya lebih awal.

Kod yang dipersoalkan mengikut corak rantai janji biasa:

<code class="javascript">const getQueries = (models, dbId, dateStart, dateEnd) => {
  return new Promise((resolve, reject) => {
    // Fetch database and perform operations
    .then(extractQueries, reject)
      .then(sortQueries, reject)
      .then(onlyTen, reject)
      .then(addText, reject)
      .then((queries) => {
        console.log("getQueries finished", queries);
        resolve(queries);
      }, reject);
  });
};</code>

Selepas berjaya melengkapkan permulaan operasi, isu timbul dalam fungsi addText:

<code class="javascript">const addText = (queries) => {
  return Promise.all(queries.map((query) => {
    // Oops! We're missing a `return` here!
    models.queries.findById(query.queryId, {
      raw: true,
      attributes: ["query"],
    })
      .then((queryFetched) => {
        query.text = queryFetched.query;
        console.log(query);

        return Promise.resolve(query);
      }, (error) => {
        return Promise.reject(error);
      });
  }));
};</code>

Punca masalah terletak pada pernyataan pulangan yang hilang dalam fungsi panggil balik peta. Promise.all menjangkakan tatasusunan objek Promise, tetapi tanpa pemulangan, panggilan balik itu kembali tidak ditentukan untuk setiap elemen dalam tatasusunan pertanyaan.

Akibatnya, Promise.all segera menyelesaikan dengan tatasusunan yang tidak ditentukan, walaupun sebelum ini Janji sebenar di dalam peta mempunyai peluang untuk diselesaikan. Penyelesaian pramatang ini membawa kepada tingkah laku yang tidak dijangka dan pelbagai nilai yang tidak ditentukan.

Untuk membetulkan isu tersebut, adalah penting untuk menambah pernyataan pemulangan sebelum setiap panggilan Janji dalam fungsi addText:

<code class="javascript">const addText = (queries) => {
  return Promise.all(queries.map((query) => {
    return models.queries.findById(query.queryId, {
      raw: true,
      attributes: ["query"],
    })
      .then((queryFetched) => {
        query.text = queryFetched.query;
        console.log(query);

        return Promise.resolve(query);
      }, (error) => {
        return Promise.reject(error);
      });
  }));
};</code>

Sekarang, Promise.all akan menunggu dengan betul semua Promise dalam tatasusunan diselesaikan, menghasilkan output yang dijangkakan yang mengandungi hasil pertanyaan.

Atas ialah kandungan terperinci Mengapakah Promise.all menyelesaikan dengan tatasusunan nilai yang tidak ditentukan apabila menggunakan fungsi async dalam peta?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!