Mengapa Kaedah .json() Fetch Kadang-kadang Mengembalikan Janji dan Kadang-kadang Mengembalikan Nilai?

Meneroka Tingkah Laku Janji dalam Kaedah .json() Fetch

Semasa meneroka API Fetch, satu keanehan yang menarik timbul dengan kaedah .json(). Mari kita selidiki sebab ia mengembalikan janji dalam keadaan tertentu dan nilai langsung pada orang lain.

Pertimbangkan coretan berikut:

fetch(url)
  .then(response => {
      return {
          data: response.json(),
          status: response.status
      }
  })
  .then(post => document.write(post.data));

Di sini, post.data menghasilkan objek janji, mencadangkan bahawa panggilan .json() dalam pengendali .then() pertama mengembalikan a janji.

Walau bagaimanapun, jika kita mengubah suai kod kepada hanya rantai .json():

fetch(url)
  .then(response => response.json())
  .then(post => document.write(post.title));

siaran kini menjadi objek, membenarkan akses terus kepada atribut tajuk.

Untuk merungkai misteri ini, kita mesti memahami hakikat janji. .json() memulakan operasi tak segerak untuk mengambil badan respons HTTP sebagai JSON, mengembalikan janji. Janji ini mewakili ketersediaan akhirnya data yang dihuraikan JSON.

Apabila janji dikembalikan daripada pengendali .then() (seperti dalam contoh pertama), janji itu terus wujud dalam rantaian. Walau bagaimanapun, apabila nilai dikembalikan (seperti dalam contoh kedua), janji itu dianggap "ditepati" dan nilai yang dikembalikan diterima pakai sebagai hasil daripada .then() luar.

Untuk mengendalikan situasi sedemikian, anda boleh merangkaikan janji menggunakan nested .then()s:

fetch(url).then(response => 
    response.json().then(data => ({
        data: data,
        status: response.status
    })
).then(res => {
    console.log(res.status, res.data.title)
}));

Atau gunakan kata kunci tak segerak moden seperti async dan tunggu:

const response = await fetch(url);
const data = await response.json();
console.log(response.status, data.title);

Ingat untuk sentiasa menyemak status respons HTTP sebelum cuba menghuraikan JSON, kerana ia mungkin tidak selalu dalam format yang dijangkakan.

Atas ialah kandungan terperinci Mengapa Kaedah .json() Fetch Kadang-kadang Mengembalikan Janji dan Kadang-kadang Mengembalikan Nilai?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!