ใช้ a wait ภายนอกฟังก์ชัน async

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

async function isInLobby() {
    //promise.all([chained methods here])
    let exit = false;
    if (someCondition) exit = true;
}

นี่คือตัวอย่างโค้ดของฉันที่ถูกทำลาย (คุณสามารถดูขอบเขตทั้งหมดได้ที่นี่ ) ซึ่งจะตรวจสอบว่าผู้เล่นอยู่ในล็อบบี้แล้วหรือไม่ แต่ไม่เกี่ยวข้อง

ต่อไปเรามีฟังก์ชัน async นี้

async function countPlayer() {
    const keyLength = await scardAsync(game);
    return keyLength;
}

exit === trueฟังก์ชั่นนี้ไม่จำเป็นต้องให้ทำงานถ้า

ฉันพยายามที่จะทำ

const inLobby = await isInLobby();

สิ่งนี้ฉันหวังว่าจะรอผลลัพธ์ดังนั้นฉันจึงสามารถใช้inLobbyเพื่อเรียกใช้แบบมีเงื่อนไขได้countPlayerอย่างไรก็ตามฉันได้รับ typeerror โดยไม่มีรายละเอียดเฉพาะ

เหตุใดคุณจึงไม่สามารถawaitใช้asyncฟังก์ชันที่อยู่นอกขอบเขตของฟังก์ชันได้ ฉันรู้ว่ามันสัญญาน้ำตาลดังนั้นจึงต้องถูกล่ามโซ่thenแต่ทำไมมันที่อยู่ในcountPlayerที่ฉันจะรอสัญญาอื่น แต่ข้างนอกฉันไม่สามารถawait isInLobby?

awaitไม่รองรับระดับบนสุด มีการอภิปรายไม่กี่โดยคณะกรรมการมาตรฐานเกี่ยวกับเหตุผลนี้เป็นเช่นปัญหา Github นี้

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

// data.js
const data = await fetch( '/data.json' );
export default data;

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

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

มีหลักสูตรนี้เสมอ:

(async () => {
    await ...

    // all of the script.... 

})();
// nothing else

สิ่งนี้ทำให้ฟังก์ชั่นด่วนด้วย async ที่คุณสามารถใช้ await ช่วยให้คุณไม่จำเป็นต้องสร้างฟังก์ชัน async ซึ่งยอดเยี่ยมมาก! // เครดิต Silve2611

ที่ดีไปกว่านั้นคือการใส่เครื่องหมายอัฒภาคเพิ่มเติมที่ด้านหน้าของบล็อกโค้ด

;(async () => {
    await ...
})();

ซึ่งจะป้องกันไม่ให้ฟอร์แมตเตอร์อัตโนมัติ (เช่นใน vscode) ย้ายพาเรนต์แรกไปที่ท้ายบรรทัดก่อนหน้า

ปัญหาสามารถแสดงได้จากตัวอย่างต่อไปนี้:

const add = x => y => x+y
const increment = add(1)
(async () => {
    await ...
})();

หากไม่มีเครื่องหมายอัฒภาคสิ่งนี้จะถูกจัดรูปแบบใหม่เป็น:

const add = x => y => x+y
const increment = add(1)(async () => {
  await Promise(1)
})()

ซึ่งเห็นได้ชัดว่าผิดเพราะกำหนดฟังก์ชัน async เป็นyพารามิเตอร์และพยายามเรียกใช้ฟังก์ชันจากผลลัพธ์ (ซึ่งเป็นสตริงแปลก ๆ'1async () => {...}')

สำหรับ Node.js 14.3.0รองรับการรอระดับบนสุด

แฟล็กที่ต้องการ: --experimental-top-level-await.

รายละเอียดเพิ่มเติม: https://v8.dev/features/top-level-await

คุณสามารถทำระดับบนสุดได้ตั้งแต่ typescript 3.8
https://www.typescriptlang.org/docs/handbook/release-notes/typescript-3-8.html#-top-level-await
จากโพสต์:
เนื่องจากก่อนหน้านี้ใน JavaScript (พร้อมกับภาษาอื่น ๆ ส่วนใหญ่ที่มีคุณสมบัติคล้ายกัน) การรอคอยได้รับอนุญาตให้อยู่ในเนื้อความของฟังก์ชัน async เท่านั้น อย่างไรก็ตามด้วยการรอระดับบนสุดเราสามารถใช้การรอคอยที่ระดับบนสุดของโมดูล

const response = await fetch("...");
const greeting = await response.text();
console.log(greeting);

// Make sure we're a module
export {};

โปรดทราบว่ามีความละเอียดอ่อน: การรอระดับบนสุดจะทำงานที่ระดับบนสุดของโมดูลเท่านั้นและไฟล์จะถือว่าเป็นโมดูลเมื่อ TypeScript พบการนำเข้าหรือส่งออกเท่านั้น ในบางกรณีพื้นฐานคุณอาจต้องเขียนการส่งออก {} เป็นเอกสารสำเร็จรูปเพื่อให้แน่ใจว่าสิ่งนี้

การรอระดับบนสุดอาจไม่ทำงานในทุกสภาพแวดล้อมที่คุณอาจคาดหวัง ณ จุดนี้ ขณะนี้คุณสามารถใช้ระดับบนสุดรอได้ก็ต่อเมื่ออ็อพชันคอมไพเลอร์เป้าหมายคือ es2017 ขึ้นไปและโมดูลเป็น esnext หรือ system การสนับสนุนภายในหลายสภาพแวดล้อมและบันเดิลเลอร์อาจถูก จำกัด หรืออาจต้องเปิดใช้งานการสนับสนุนทดลอง