Bir zaman uyumsuz işlevin dışında await kullanma

İki eşzamansız işlevi birbirine zincirlemeye çalışıyordum, çünkü ilki, ikincisinin çalışmasına veya modülden çıkmasına neden olan bir koşullu dönüş parametresine sahipti. Ancak, özelliklerde bulamadığım garip davranışlar buldum.

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

Bu kodumun alçakça bir pasajıdır (tam kapsamı burada görebilirsiniz ), bir oyuncunun zaten lobide olup olmadığını kontrol eder, ancak bu alakasızdır.

Daha sonra bu asenkron fonksiyonumuz var.

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

Bu işlevin çalıştırılmasına gerek yoktur exit === true.

Yapmaya çalıştım

const inLobby = await isInLobby();

Bunun sonuçları beklemesini umduğum için kullanabilirim inLobby koşullu olarak çalıştırabilirim countPlayer, ancak belirli bir ayrıntı içermeyen bir tür hatası aldım.

Neden işlevin kapsamı dışında awaitbir asyncişlev yapamıyorsunuz ? Bunun şeker sözü olduğunu biliyorum, bu yüzden zincirlenmesi gerekiyor thenama neden countPlayerbaşka bir sözü bekleyebilirim ama dışarıda yapamıyorum await isInLobby?

Üst düzey awaitdesteklenmiyor. Bunun neden olduğu konusunda standartlar komitesi tarafından birkaç tartışma var, mesela bu Github sorunu .

Ayrıca Github'da üst düzey beklemenin neden kötü bir fikir olduğuna dair bir düşünce parçası var. Özellikle, böyle bir kodunuz varsa şunları önerir:

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

Artık içe aktarılan herhangi bir dosya data.js, getirme tamamlanıncaya kadar yürütülemeyecek, bu nedenle tüm modül yüklemeniz artık engellenmiştir. Eşzamanlı ve öngörülebilir şekilde üst düzey Javascript yürütmeye alışkın olduğumuzdan, bu uygulama modülü sırası hakkında mantık yürütmeyi çok zorlaştırıyor. Buna izin verildiyse, bir işlevin ne zaman tanımlanacağını bilmek zorlaşır.

Benim bakış açım , modülünüzün sadece onu yükleyerek yan etkilere sahip olmasının kötü bir uygulama olması. Bu, modülünüzün herhangi bir tüketicisinin sadece modülünüzü gerektirerek yan etkilere maruz kalacağı anlamına gelir. Bu, modülünüzün nerede kullanılabileceğini ciddi şekilde sınırlar. En üst düzey, awaitmuhtemelen bazı API'den okuduğunuz veya yükleme sırasında bazı hizmetleri aradığınız anlamına gelir . Bunun yerine, tüketicilerin kendi hızlarında kullanabilecekleri zaman uyumsuz işlevleri dışa aktarmalısınız.

Elbette her zaman şu vardır:

(async () => {
    await ...

    // all of the script.... 

})();
// nothing else

Bu, await'i kullanabileceğiniz zaman uyumsuz hızlı bir işlev yapar. Sizi harika bir zaman uyumsuz işlev yapma ihtiyacından kurtarır! // Silve2611'e kredi verir

Daha da iyisi, kod bloğunun önüne ek noktalı virgül koymaktır.

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

Bu, otomatik formatlayıcının (örneğin vscode'da) ilk parantezi önceki satırın sonuna taşımasını engeller.

Sorun aşağıdaki örnekte gösterilebilir:

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

Noktalı virgül olmadan, bu şu şekilde yeniden biçimlendirilecektir:

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

bu açıkça yanlıştır çünkü zaman uyumsuz işlevi yparametre olarak atar ve sonuçtan bir işlevi çağırmaya çalışır (bu aslında garip bir dizedir '1async () => {...}')

Node.js 14.3.0'dan itibaren en üst düzey bekleme desteklenmektedir.

Gerekli bayrak: --experimental-top-level-await .

Daha fazla ayrıntı: https://v8.dev/features/top-level-await

typecript 3.8
https://www.typescriptlang.org/docs/handbook/release-notes/typescript-3-8.html#-top-level-await Posttan
:
Bu, daha önce JavaScript (benzer bir özelliğe sahip diğer dillerin çoğuyla birlikte), await'e yalnızca zaman uyumsuz bir işlevin gövdesi içinde izin verildi. Bununla birlikte, en üst düzey bekleme ile, bir modülün en üst düzeyinde bekleme özelliğini kullanabiliriz.

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

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

Bir incelik olduğunu unutmayın: üst düzey bekleme yalnızca bir modülün en üst düzeyinde çalışır ve dosyalar yalnızca TypeScript bir içe aktarma veya dışa aktarma bulduğunda modül olarak kabul edilir. Bazı temel durumlarda, bundan emin olmak için dışa aktar {} 'ı bir standart şablon olarak yazmanız gerekebilir.

Üst düzey bekleme, bu noktada bekleyebileceğiniz tüm ortamlarda çalışmayabilir. Şu anda, yalnızca hedef derleyici seçeneği es2017 veya üstü olduğunda ve modül esnext veya sistem olduğunda üst düzey beklemeyi kullanabilirsiniz. Çeşitli ortamlar ve paketler içindeki destek sınırlı olabilir veya deneysel desteğin etkinleştirilmesini gerektirebilir.