await hanya valid dalam fungsi async

Saya menulis kode ini di lib/helper.js

var myfunction = async function(x,y) {
   ....
   reutrn [variableA, variableB]
}
exports.myfunction = myfunction;

dan kemudian saya mencoba menggunakannya di file lain

 var helper = require('./helper.js');   
 var start = function(a,b){
     ....
     const result = await helper.myfunction('test','test');
 }
 exports.start = start;

Saya mendapat kesalahan

"await hanya valid dalam fungsi async"

Apa masalahnya?

Kesalahannya tidak mengacu pada, myfunctiontetapi pada start.

async function start() {
   ....

   const result = await helper.myfunction('test', 'test');
}

// My function
const myfunction = async function(x, y) {
  return [
    x,
    y,
  ];
}

// Start function
const start = async function(a, b) {
  const result = await myfunction('test', 'test');
  
  console.log(result);
}

// Call start
start();

Saya menggunakan kesempatan dari pertanyaan ini untuk memberitahu Anda tentang anti pola dikenal menggunakan awaityaitu: return await.

SALAH

async function myfunction() {
  console.log('Inside of myfunction');
}

// Here we wait for the myfunction to finish
// and then returns a promise that'll be waited for aswell
// It's useless to wait the myfunction to finish before to return
// we can simply returns a promise that will be resolved later

// useless async here
async function start() {
  // useless await here
  return await myfunction();
}

// Call start
(async() => {
  console.log('before start');

  await start();
  
  console.log('after start');
})();

BENAR

async function myfunction() {
  console.log('Inside of myfunction');
}

// Here we wait for the myfunction to finish
// and then returns a promise that'll be waited for aswell
// It's useless to wait the myfunction to finish before to return
// we can simply returns a promise that will be resolved later

// Also point that we don't use async keyword on the function because
// we can simply returns the promise returned by myfunction
function start() {
  return myfunction();
}

// Call start
(async() => {
  console.log('before start');

  await start();
  
  console.log('after start');
})();

Juga, ketahuilah bahwa ada kasus khusus di mana return awaitbenar dan penting: (menggunakan coba / tangkap)

Apakah ada masalah kinerja dengan `kembali menunggu`?

Ketika saya mendapatkan kesalahan ini, ternyata saya memiliki panggilan ke fungsi peta di dalam fungsi "async" saya, jadi pesan kesalahan ini sebenarnya merujuk ke fungsi peta yang tidak ditandai sebagai "asinkron". Saya mengatasi masalah ini dengan mengambil panggilan "menunggu" dari fungsi peta dan menemukan cara lain untuk mendapatkan perilaku yang diharapkan.

var myfunction = async function(x,y) {
    ....
    someArray.map(someVariable => { // <- This was the function giving the error
        return await someFunction(someVariable);
    });
}

Untuk menggunakannya await, konteks pelaksanaannya harus bersifat asyncalami

Seperti yang dikatakan, Anda perlu menentukan sifat di executing contextmana Anda bersedia awaitmelakukan tugas sebelum apa pun.

Letakkan saja asyncsebelum fndeklarasi di mana asynctugas Anda akan dieksekusi.

var start = async function(a, b) { 
  // Your async task will execute with await
  await foo()
  console.log('I will execute after foo get either resolved/rejected')
}

Penjelasan:

Dalam pertanyaan Anda, Anda mengimpor a methodyang ada asynchronousdi alam dan akan dieksekusi secara paralel. Tetapi di mana Anda mencoba untuk mengeksekusi asyncmetode itu di dalam yang berbeda execution contextyang perlu Anda tentukan asyncuntuk digunakan await.

 var helper = require('./helper.js');   
 var start = async function(a,b){
     ....
     const result = await helper.myfunction('test','test');
 }
 exports.start = start;

Ingin tahu apa yang terjadi di balik terpal

await menggunakan metode / fungsi yang menjanjikan / masa depan / pengembalian tugas dan async menandai metode / fungsi yang mampu menggunakan await.

Juga jika Anda terbiasa promises, awaitsebenarnya melakukan proses janji / ketetapan hati yang sama. Membuat rantai janji dan menjalankan tugas Anda berikutnya diresolve callback untuk Anda.

Untuk info lebih lanjut, Anda dapat merujuk ke MDN DOCS .

Implementasi saat ini dari async/ awaithanya mendukung awaitkata kunci di dalam asyncfungsi Ubah starttanda tangan fungsi Anda sehingga Anda dapat menggunakan awaitdi dalamnya start.

 var start = async function(a, b) {

 }

Bagi yang berminat, proposal untuk level teratas awaitsaat ini berada di Tahap 2: https://github.com/tc39/proposal-top-level-await

Saya memiliki masalah yang sama dan blok kode berikut memberikan pesan kesalahan yang sama:

repositories.forEach( repo => {
        const commits = await getCommits(repo);
        displayCommit(commits);
});

Masalahnya adalah bahwa metode getCommits () adalah async tetapi saya meneruskannya ke repo argumen yang juga dihasilkan oleh Promise. Jadi, saya harus menambahkan kata async ke dalamnya seperti ini: async (repo) dan itu mulai berfungsi:

repositories.forEach( async(repo) => {
        const commits = await getCommits(repo);
        displayCommit(commits);
});

async / await adalah mekanisme penanganan promise, dua cara kita dapat melakukannya

functionWhichReturnsPromise()
            .then(result => {
                console.log(result);
            })
            .cathc(err => {
                console.log(result);

            });

atau kita dapat menggunakan menunggu untuk menunggu janji untuk mengajukannya secara penuh terlebih dahulu, yang berarti ditolak atau diselesaikan.

Sekarang jika kita ingin menggunakan await (menunggu janji untuk dipenuhi) di dalam suatu fungsi, fungsi container harus berupa fungsi async karena kita menunggu janji untuk dipenuhi secara asinkron || masuk akal kan ?.

async function getRecipesAw(){
            const IDs = await getIds; // returns promise
            const recipe = await getRecipe(IDs[2]); // returns promise
            return recipe; // returning a promise
        }

        getRecipesAw().then(result=>{
            console.log(result);
        }).catch(error=>{
            console.log(error);
        });

"await hanya valid dalam fungsi async"

Tapi kenapa? 'await' secara eksplisit mengubah panggilan async menjadi panggilan sinkron, dan oleh karena itu pemanggil tidak dapat asinkron (atau asinkron) - setidaknya, bukan karena panggilan dilakukan di 'await'.

Ya, await / async adalah konsep yang bagus, tetapi implementasinya benar-benar rusak.

Untuk alasan apa pun, kata kunci await telah diterapkan sedemikian rupa sehingga hanya dapat digunakan dalam metode async. Ini sebenarnya bug, meskipun Anda tidak akan melihatnya disebut seperti itu di mana pun kecuali di sini. Perbaikan untuk bug ini adalah dengan mengimplementasikan kata kunci await sedemikian rupa sehingga hanya dapat digunakan UNTUK MEMANGGIL fungsi asinkron, terlepas dari apakah fungsi pemanggil itu sendiri sinkron atau asinkron.

Karena bug ini, jika Anda menggunakan await untuk memanggil fungsi asynchronous nyata di suatu tempat dalam kode Anda, maka SEMUA fungsi Anda harus ditandai sebagai async dan SEMUA panggilan fungsi Anda harus menggunakan await.

Ini pada dasarnya berarti bahwa Anda harus menambahkan overhead promise ke semua fungsi di seluruh aplikasi Anda, yang sebagian besar tidak dan tidak akan pernah asinkron.

Jika Anda benar-benar memikirkannya, menggunakan await dalam suatu fungsi harus memerlukan fungsi yang berisi kata kunci await TO NOT BE ASYNC - ini karena kata kunci await akan menghentikan pemrosesan dalam fungsi di mana kata kunci await ditemukan. Jika pemrosesan dalam fungsi itu dihentikan sementara, maka sudah pasti BUKAN asinkron.

Jadi, bagi para pengembang javascript dan ECMAScript - perbaiki implementasi await / async sebagai berikut ...

• await hanya dapat digunakan untuk memanggil fungsi asinkron.
• await dapat muncul dalam berbagai jenis fungsi, sinkron atau asinkron.
• Ubah pesan error dari "await is only valid in async function" menjadi "await hanya dapat digunakan untuk memanggil fungsi async".