javascript - Fungsi ini mengandungi permintaan pengambilan Bagaimana untuk mengembalikan hasil permintaan pengambilan melalui fungsi?

Question

Saya hanya akan menulis fikiran saya di bawah

fungsi demo(){

let data=[];
fetch(xxx).then((res)=>{
    data.push(res);
})
return data;

}

Memandangkan ia adalah permintaan tak segerak, data yang dikembalikan masih merupakan tatasusunan kosong, bukan tatasusunan yang mengandungi data yang diminta. Jadi adakah terdapat cara untuk mendapatkan data dan kemudian mengembalikannya?

Answer 1

Adalah mustahil untuk mengembalikan nilai secara tidak segerak

Nilai ​​hanya boleh diproses dalam fungsi panggil balik

Answer 2

function demo(){
    let data=[];
    return fetch(xxx).then((res)=>{
        data.push(res);
    })
}
demo().then(data=>console.log(data))

Answer 3

Gunakan kaedah async/tunggu

async function demo(){
    let data=[];
    await fetch(xxx).then((res)=>{
        data.push(res);
    })
    return data;
}

Kemudian laksanakan fungsi

Answer 4

Gunakan tunggu, perhatikan keperluan untuk membina

async function demo(){
    const response = await fetch(url, options);
    // todo: 异常处理
    
    const data = await response.json();
    return data;
}

Rujuk es6 menanti