অ্যাসিঙ্ক ফাংশনের বাইরে অপেক্ষা করুন Using

Question 1

আমি দুটি অ্যাসিঙ্ক ফাংশন একসাথে চেইন করার চেষ্টা করছিলাম, কারণ প্রথমটিতে শর্তসাপেক্ষ রিটার্ন প্যারামিটার ছিল যা দ্বিতীয়টি হয় চালানো, বা মডিউলটি থেকে প্রস্থান করার কারণ হয়েছিল। যাইহোক, আমি চশমার মধ্যে খুঁজে পাচ্ছি না এমন এক বিচিত্র আচরণ পেয়েছি।

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

এটি আমার কোডের জারজিকৃত স্নিপেট (আপনি এখানে পুরো সুযোগটি দেখতে পারেন ), এটি কোনও খেলোয়াড় যদি ইতিমধ্যে লবিতে থাকে কিনা তা খতিয়ে দেখেন , তবে এটি অপ্রাসঙ্গিক।

পরবর্তী আমাদের এই অ্যাসিঙ্ক ফাংশন রয়েছে।

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

এই ফাংশনটি চালানোর দরকার নেই যদি exit === true।

আমি চেষ্টা করেছিলাম

const inLobby = await isInLobby();

আমি আশা করি এটি ফলাফলের অপেক্ষায় থাকবে, তাই আমি inLobbyশর্তাধীন চালাতে ব্যবহার করতে countPlayerপারি, তবে আমি কোনও নির্দিষ্ট বিবরণ ছাড়াই একটি টাইপারর পেয়েছি।

আপনি কেন ফাংশনের সুযোগের বাইরে awaitকোনও asyncফাংশন করতে পারবেন না ? আমি জানি এটি একটি চিনির প্রতিশ্রুতি, তাই এটি অবশ্যই বেঁধে রাখা উচিত thenতবে কেন এটি হল যে countPlayerআমি অন্য প্রতিশ্রুতির জন্য অপেক্ষা করতে পারি, তবে বাইরের, আমি তা করতে পারি না await isInLobby?

Question 2

শীর্ষ স্তর awaitসমর্থিত নয়। এটি কেন, যেমন এই গিথুব ইস্যু নিয়ে স্ট্যান্ডার্ড কমিটি দ্বারা কয়েকটি আলোচনা রয়েছে ।

এখানে একটা ব্যাপার GitHub থেকে thinkpiece কেন শীর্ষ স্তরের অপেক্ষায় রয়েছেন একটি খারাপ ধারণা সম্পর্কে। বিশেষত তিনি পরামর্শ দেন যে আপনার যদি এই জাতীয় কোড থাকে তবে:

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

এখন আমদানি করা কোনও ফাইল data.jsআনয়ন শেষ না হওয়া পর্যন্ত কার্যকর হবে না, সুতরাং আপনার সমস্ত মডিউল লোড এখন অবরুদ্ধ করা হয়েছে। এটি অ্যাপ্লিকেশন মডিউল অর্ডার সম্পর্কে যুক্তিযুক্ত হওয়া খুব কঠিন করে তোলে, যেহেতু আমরা শীর্ষ স্তরের জাভাস্ক্রিপ্টের সাথে সিঙ্ক্রোনালি এবং ভবিষ্যদ্বাণীমূলকভাবে নির্বাহ করছি। যদি এটি অনুমোদিত হয় তবে কোনও ফাংশন সংজ্ঞায়িত হয়ে গেলে তা জটিল হয়ে ওঠে knowing

আমার দৃষ্টিকোণটি হ'ল আপনার মডিউলের পক্ষে এটি লোড করে পার্শ্ব প্রতিক্রিয়া হওয়া খারাপ অভ্যাস। তার মানে আপনার মডিউলটির যে কোনও গ্রাহক কেবল আপনার মডিউলটি প্রয়োজনীয়তার সাথেই পার্শ্ব প্রতিক্রিয়া পাবেন। আপনার মডিউলটি কোথায় ব্যবহার করা যায় এটি এটি খারাপভাবে সীমাবদ্ধ করে। একটি শীর্ষ স্তরের awaitসম্ভবত আপনি কিছু এপিআই থেকে পড়া বা লোড সময়ে কিছু পরিষেবায় কল করছেন means পরিবর্তে আপনার কেবল গ্রাহকরা তাদের নিজস্ব গতিতে ব্যবহার করতে পারেন এমন অ্যাসিঙ্ক ফাংশন রফতানি করা উচিত।

Question 3

অবশ্যই এটি অবশ্যই আছে:

(async () => {
    await ...

    // all of the script.... 

})();
// nothing else

এটি async সহ একটি দ্রুত ফাংশন তৈরি করে যেখানে আপনি অপেক্ষা করতে পারেন। এটি আপনাকে একটি অ্যাসিঙ্ক ফাংশন তৈরির প্রয়োজনীয়তা সংরক্ষণ করে যা দুর্দান্ত! // ক্রেডিট সিলভ 2611

Question 4

আরও ভাল হ'ল কোড ব্লকের সামনে অতিরিক্ত সেমিকোলন স্থাপন করা

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

যা স্পষ্টতই ভুল কারণ এটি অ্যাসিঙ্ক ফাংশনটিকে yপ্যারামিটার হিসাবে নির্ধারিত করে এবং ফলাফল থেকে কোনও ফাংশন কল করার চেষ্টা করে (যা আসলে একটি অদ্ভুত স্ট্রিং '1async () => {...}')

Question 5

নোড.জেএস ১৪.৩.০ হিসাবে শীর্ষ-স্তরের প্রতীক্ষা সমর্থিত।

প্রয়োজনীয় পতাকা: --experimental-top-level-await।

আরও বিশদ: https://v8.dev/features/top-level-await

Question 6

টাইপস্রিপ্ট ৩.৮ থেকে আপনি শীর্ষ স্তরের অপেক্ষার কাজটি করতে পারেন
https://www.typescriptlang.org/docs/handbook/release-notes/tyypecript-3-8.html#-top-level-await
পোস্ট থেকে:
এটি কারণ আগে জাভাস্ক্রিপ্ট (একই বৈশিষ্ট্যযুক্ত অন্যান্য ভাষার পাশাপাশি) অপেক্ষা কেবলমাত্র একটি অ্যাসিঙ্ক ফাংশনের মূল অংশের মধ্যেই ছিল। তবে শীর্ষ স্তরের প্রতীক্ষার সাথে আমরা মডিউলের শীর্ষ স্তরে অপেক্ষা করতে পারি it

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

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

একটি সূক্ষ্মতা আছে তা নোট করুন: শীর্ষ স্তরের প্রতীক্ষা কেবলমাত্র একটি মডিউলের শীর্ষ স্তরে কাজ করে এবং টাইপস্ক্রিপ্ট কোনও আমদানি বা রফতানি খুঁজে পেলে ফাইলগুলি কেবলমাত্র মডিউল হিসাবে বিবেচিত হয়। কিছু মৌলিক ক্ষেত্রে, আপনার এটি রফতানি করতে কিছু বয়লারপ্লেট হিসাবে রফতানি লিখতে হবে out।

শীর্ষ স্তরের প্রতীক্ষা সমস্ত পরিবেশে কাজ নাও করতে পারে যেখানে আপনি এই মুহুর্তে আশা করতে পারেন। বর্তমানে, আপনি কেবলমাত্র শীর্ষ স্তর অপেক্ষা করতে পারেন যখন লক্ষ্য সংকলক বিকল্পটি es2017 বা তার বেশি হয় এবং মডিউলটি সংস্থান বা সিস্টেম হয়। বেশ কয়েকটি পরিবেশ এবং বান্ডেলারের মধ্যে সমর্থন সীমিত হতে পারে বা পরীক্ষামূলক সহায়তা সক্ষম করার প্রয়োজন হতে পারে।