await ใช้ได้ในฟังก์ชัน async เท่านั้น

ฉันเขียนรหัสนี้ใน lib/helper.js

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

จากนั้นฉันก็ลองใช้มันในไฟล์อื่น

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

ฉันได้รับข้อผิดพลาด

"await ใช้ได้เฉพาะในฟังก์ชัน async"

ปัญหาคืออะไร?

ข้อผิดพลาดที่ไม่ได้หมายถึงแต่myfunctionstart

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();

ฉันจะใช้โอกาสของคำถามนี้จะให้คำแนะนำคุณเกี่ยวกับรูปแบบการป้องกันที่รู้จักกันโดยใช้ซึ่งเป็น:awaitreturn await

ไม่ถูกต้อง

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');
})();

แก้ไข

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');
})();

นอกจากนี้โปรดทราบว่ามีกรณีพิเศษที่return awaitถูกต้องและสำคัญ: (ใช้ลอง / จับ)

มีข้อกังวลด้านประสิทธิภาพของ "return await" หรือไม่

เมื่อฉันได้รับข้อผิดพลาดนี้ปรากฎว่าฉันมีการเรียกใช้ฟังก์ชันแผนที่ภายในฟังก์ชัน "async" ของฉันดังนั้นข้อความแสดงข้อผิดพลาดนี้หมายถึงฟังก์ชันแผนที่ไม่ได้ถูกทำเครื่องหมายเป็น "async" ฉันแก้ไขปัญหานี้ได้โดยการเรียก "รอ" ออกจากฟังก์ชันแผนที่แล้วหาวิธีอื่น ๆ ในการทำให้เกิดพฤติกรรมที่คาดหวัง

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

ในการใช้งานawaitบริบทการดำเนินการต้องเป็นไปasyncตามธรรมชาติ

ตามที่กล่าวไว้คุณต้องกำหนดลักษณะของคุณexecuting contextว่าคุณเต็มใจที่จะawaitทำงานก่อนสิ่งใด

เพียงวางasyncก่อนการfnประกาศที่asyncงานของคุณจะดำเนินการ

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')
}

คำอธิบาย:

ในคำถามของคุณคุณกำลังนำเข้าสิ่งmethodที่มีอยู่asynchronousในธรรมชาติและจะดำเนินการควบคู่กันไป แต่ที่คุณกำลังพยายามที่จะดำเนินการว่าasyncวิธีการที่อยู่ภายในที่แตกต่างกันexecution contextซึ่งคุณจำเป็นต้องกำหนดที่จะใช้asyncawait

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

สงสัยว่ามีอะไรอยู่ใต้ฝากระโปรง

awaitใช้วิธีการ / ฟังก์ชันของสัญญา / อนาคต / การส่งคืนงานและasyncทำเครื่องหมายวิธีการ / ฟังก์ชันว่าสามารถใช้ await ได้

นอกจากนี้ถ้าคุณมีความคุ้นเคยกับpromises, awaitเป็นจริงทำกระบวนการเดียวกันของสัญญา / แก้ไข สร้างห่วงโซ่แห่งคำสัญญาและดำเนินงานต่อไปในการresolveติดต่อกลับ

สำหรับข้อมูลเพิ่มเติมคุณสามารถดูMDN DOCS

การใช้งานปัจจุบันของasync/ awaitสนับสนุนเฉพาะawaitคำสำคัญภายในasyncฟังก์ชันเปลี่ยนstartลายเซ็นฟังก์ชันของคุณเพื่อให้คุณสามารถใช้awaitภายในstartได้

 var start = async function(a, b) {

 }

สำหรับผู้ที่สนใจข้อเสนอสำหรับระดับบนสุดawaitอยู่ในขั้นตอนที่ 2: https://github.com/tc39/proposal-top-level-await

ฉันมีปัญหาเดียวกันและบล็อกรหัสต่อไปนี้ให้ข้อความแสดงข้อผิดพลาดเดียวกัน:

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

ปัญหาคือเมธอด getCommits () เป็นแบบ async แต่ฉันส่งผ่านอาร์กิวเมนต์ repo ซึ่งสร้างโดย Promise ด้วย ดังนั้นฉันต้องเพิ่มคำว่า async ลงไปดังนี้: async (repo) และมันก็เริ่มทำงาน:

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

async / await เป็นกลไกของการจัดการคำสัญญาซึ่งมีสองวิธีที่เราสามารถทำได้

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

            });

หรือเราสามารถใช้คำว่า waiting เพื่อรอให้คำสัญญานั้นเต็มฟ้องก่อนซึ่งหมายความว่าจะถูกปฏิเสธหรือได้รับการแก้ไข

ตอนนี้ถ้าเราต้องการใช้await (รอคำสัญญาที่จะตอบสนอง) ภายในฟังก์ชันจำเป็นที่ฟังก์ชัน container จะต้องเป็นฟังก์ชัน async เนื่องจากเรากำลังรอคำสัญญาที่จะทำให้เป็นจริงแบบอะซิงโครนัส || เข้าท่าใช่มั้ย..

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 ใช้ได้เฉพาะในฟังก์ชัน async"

แต่ทำไม? 'await' จะเปลี่ยนการโทรแบบ async เป็นการโทรแบบซิงโครนัสอย่างชัดเจนดังนั้นผู้โทรจึงไม่สามารถ async (หรือ asyncable ได้) - อย่างน้อยก็ไม่ใช่เพราะการโทรที่ 'await'

ใช่ await / async เป็นแนวคิดที่ยอดเยี่ยม แต่การนำไปใช้งานนั้นไม่สมบูรณ์

ไม่ว่าด้วยเหตุผลใดก็ตามคำหลัก await จึงถูกนำมาใช้เพื่อให้สามารถใช้ได้เฉพาะในวิธีการ async เท่านั้น นี่เป็นข้อผิดพลาดจริงๆแม้ว่าคุณจะไม่เห็นมันอ้างถึงในที่ใดก็ตาม แต่ที่นี่ การแก้ไขข้อบกพร่องนี้คือการใช้คีย์เวิร์ด await เพื่อให้สามารถใช้เพื่อเรียกฟังก์ชัน async เท่านั้นไม่ว่าฟังก์ชันการโทรจะเป็นแบบซิงโครนัสหรืออะซิงโครนัส

เนื่องจากข้อผิดพลาดนี้หากคุณใช้การรอเพื่อเรียกใช้ฟังก์ชันอะซิงโครนัสจริงที่ใดที่หนึ่งในโค้ดของคุณฟังก์ชันทั้งหมดของคุณจะต้องถูกทำเครื่องหมายเป็น async และการเรียกฟังก์ชันทั้งหมดของคุณจะต้องรอ

ซึ่งโดยพื้นฐานแล้วหมายความว่าคุณต้องเพิ่มค่าใช้จ่ายของสัญญาให้กับฟังก์ชันทั้งหมดในแอปพลิเคชันทั้งหมดของคุณซึ่งส่วนใหญ่ไม่ใช่และจะไม่เป็นแบบอะซิงโครนัส

หากคุณคิดเกี่ยวกับเรื่องนี้การใช้ await ในฟังก์ชันควรต้องการฟังก์ชันที่มีคีย์เวิร์ด await TO NOT BE ASYNC เนื่องจากคีย์เวิร์ด await กำลังจะหยุดการประมวลผลชั่วคราวในฟังก์ชันที่พบคีย์เวิร์ด await หากการประมวลผลในฟังก์ชั่นนั้นหยุดชั่วคราวแสดงว่าไม่ตรงกันอย่างแน่นอน

ดังนั้นสำหรับผู้พัฒนาจาวาสคริปต์และ ECMAScript โปรดแก้ไขการใช้งาน await / async ดังนี้ ...

• await สามารถใช้ได้กับฟังก์ชัน CALL async เท่านั้น
• await สามารถปรากฏในฟังก์ชันประเภทใดก็ได้ซิงโครนัสหรืออะซิงโครนัส
• เปลี่ยนข้อความแสดงข้อผิดพลาดจาก "await ใช้ได้เฉพาะในฟังก์ชัน async" เป็น "await ใช้ได้เฉพาะในการเรียกฟังก์ชัน async"