Jak mogę używać async / await na najwyższym poziomie?

Przeszukiwałem async/ awaiti po przejrzeniu kilku artykułów postanowiłem sam przetestować. Jednak wydaje mi się, że nie mogę zrozumieć, dlaczego to nie działa:

async function main() {  
    var value = await Promise.resolve('Hey there');
    console.log('inside: ' + value);
    return value;
}

var text = main();  
console.log('outside: ' + text);

Konsola wyświetla następujące informacje (węzeł v8.6.0):

> na zewnątrz: [obietnica obiektu]

> wewnątrz: Hej

Dlaczego komunikat dziennika wewnątrz funkcji jest później wykonywany? Myślałem, że powodem async/ awaitzostał utworzony w celu wykonania synchronicznego wykonywania przy użyciu zadań asynchronicznych.

Czy istnieje sposób, aby użyć wartości zwróconej w funkcji bez użycia .then()after main()?

Nie potrafię zrozumieć, dlaczego to nie działa.

Ponieważ mainzwraca obietnicę; wszystkie asyncfunkcje robią.

Na najwyższym poziomie musisz:

1. Użyj funkcji najwyższego poziomu, asyncktóra nigdy nie odrzuca (chyba że chcesz uzyskać błędy „nieobsługiwanego odrzucenia”) lub

2. Użyj theni catch, lub

3. (Wkrótce!) Użyj najwyższego poziomuawait , propozycji, która osiągnęła etap 3 w procesie, który pozwala na użycie najwyższego poziomu awaitw module.

# 1 - asyncFunkcja najwyższego poziomu, która nigdy nie odrzuca

(async () => {
    try {
        var text = await main();
        console.log(text);
    } catch (e) {
        // Deal with the fact the chain failed
    }
})();

Zwróć uwagę na catch; Państwo musi obsługiwać odrzucenia obietnica / async wyjątki, gdyż nic innego nie będzie; nie masz rozmówcy, któremu mógłbyś je przekazać. Jeśli wolisz, możesz to zrobić na wyniku wywołania go za pomocą catchfunkcji (zamiast try/ catchsyntax):

(async () => {
    var text = await main();
    console.log(text);
})().catch(e => {
    // Deal with the fact the chain failed
});

... który jest nieco bardziej zwięzły (podoba mi się z tego powodu).

Lub, oczywiście, nie obsługuj błędów i po prostu zezwalaj na błąd „nieobsługiwanego odrzucenia”.

# 2 - thenicatch

main()
    .then(text => {
        console.log(text);
    })
    .catch(err => {
        // Deal with the fact the chain failed
    });

Procedura catchobsługi zostanie wywołana, jeśli wystąpią błędy w łańcuchu lub w twoim thenmodule obsługi. (Upewnij się, że catchprogram obsługi nie zgłasza błędów, ponieważ nic nie zostało zarejestrowane do ich obsługi).

Lub oba argumenty za then:

main().then(
    text => {
        console.log(text);
    },
    err => {
        // Deal with the fact the chain failed
    }
);

Ponownie zauważ, że rejestrujemy moduł obsługi odrzucania. Ale w tej formie upewnij się, że żaden z twoich plikówthen wywołań zwrotnych nie generuje żadnych błędów, nic nie jest zarejestrowane, aby je obsłużyć.

# 3 najwyższy poziom awaitw module

Nie można używać awaitna najwyższym poziomie skryptu niebędącego modułem, ale propozycja najwyższego poziomuawait ( Etap 3 ) pozwala na użycie go na najwyższym poziomie modułu. Jest to podobne do używania asyncopakowania funkcji najwyższego poziomu (# 1 powyżej), ponieważ nie chcesz, aby kod najwyższego poziomu odrzucał (zgłaszał błąd), ponieważ spowoduje to nieobsłużony błąd odrzucenia. Więc jeśli nie chcesz mieć tego nieobsługiwanego odrzucenia, gdy coś pójdzie nie tak, jak w przypadku # 1, chciałbyś opakować swój kod w moduł obsługi błędów:

// In a module, once the top-level `await` proposal lands
try {
    var text = await main();
    console.log(text);
} catch (e) {
    // Deal with the fact the chain failed
}

Zwróć uwagę, że jeśli to zrobisz, każdy moduł, który zaimportuje z Twojego modułu, będzie czekał, aż obietnica, którą tworzysz, zostanie awaitspełniona; kiedy moduł używający najwyższego poziomu awaitjest oceniany, w zasadzie zwraca obietnicę do modułu ładującego (podobnie jak asyncfunkcja), który czeka, aż ta obietnica zostanie rozliczona, przed oceną treści wszelkich modułów, które od niej zależą.

Najwyższy poziomawait przeszedł do etapu 3, więc odpowiedź na Twoje pytanie Jak mogę używać async / await na najwyższym poziomie? to po prostu dodać awaitwywołanie do main():

async function main() {  
    var value = await Promise.resolve('Hey there');
    console.log('inside: ' + value);
    return value;
}

var text = await main();  
console.log('outside: ' + text)

Lub tylko:

const text = await Promise.resolve('Hey there');
console.log('outside: ' + text)

Pamiętaj, że nadal jest dostępny tylko w Webpack@v5.0.0-alpha.15 .

Jeśli używasz TypeScript , wylądował w 3.8 .

v8 dodał wsparcie w modułach.

Jest również obsługiwany przez Deno (jak skomentował gonzalo-bahamondez).

Rzeczywistym rozwiązaniem tego problemu jest podejście do tego inaczej.

Prawdopodobnie Twoim celem jest jakaś inicjalizacja, która zwykle ma miejsce na najwyższym poziomie aplikacji.

Rozwiązaniem jest zapewnienie, że na najwyższym poziomie aplikacji istnieje tylko jedna instrukcja JavaScript. Jeśli masz tylko jedną instrukcję u góry aplikacji, możesz swobodnie używać async / await w każdym innym miejscu (oczywiście z zastrzeżeniem normalnych reguł składni)

Innymi słowy, zawiń cały najwyższy poziom w funkcję, aby nie był już najwyższym poziomem i to rozwiązuje pytanie, jak uruchomić async / await na najwyższym poziomie aplikacji - tego nie robisz.

Tak powinien wyglądać najwyższy poziom Twojej aplikacji:

import {application} from './server'

application();

Aby podać dodatkowe informacje na temat aktualnych odpowiedzi:

Zawartość pliku node.js pliku jest obecnie łączona w sposób podobny do łańcucha, aby utworzyć funkcji.

Na przykład, jeśli masz plik test.js:

// Amazing test file!
console.log('Test!');

Następnie node.jspotajemnie połączy funkcję, która wygląda następująco:

function(require, __dirname, ... a bunch more top-level properties) {
  // Amazing test file!
  console.log('test!');
}

Najważniejszą rzeczą, na którą należy zwrócić uwagę, jest to, że wynikowa funkcja NIE jest funkcją asynchroniczną. Nie możesz więc użyć tego terminuawait bezpośrednio w nim!

Ale powiedz, że musisz pracować z obietnicami w tym pliku, istnieją dwie możliwe metody:

1. Nie używaj await bezpośrednio w funkcji
2. Nie używaj await

Opcja 1 wymaga od nas stworzenia nowego zakresu (a TEN zakres może być async, ponieważ mamy nad nim kontrolę):

// Amazing test file!
// Create a new async function (a new scope) and immediately call it!
(async () => {
  await new Promise(...);
  console.log('Test!');
})();

Opcja 2 wymaga od nas użycia zorientowanego obiektowo interfejsu API obietnic (mniej ładny, ale równie funkcjonalny paradygmat pracy z obietnicami)

// Amazing test file!
// Create some sort of promise...
let myPromise = new Promise(...);

// Now use the object-oriented API
myPromise.then(() => console.log('Test!'));

Osobiście mam nadzieję, że jeśli będzie to wykonalne, node.js domyślnie połączy kod w asyncfunkcję. To by pozbyło się tego bólu głowy.

Oczekiwanie na najwyższym poziomie to funkcja nadchodzącego standardu EcmaScript. Obecnie możesz zacząć używać go z TypeScript 3.8 (obecnie w wersji RC).

Jak zainstalować TypeScript 3.8

Możesz rozpocząć korzystanie z TypeScript 3.8, instalując go z npm za pomocą następującego polecenia:

$ npm install typescript@rc

W tej chwili musisz dodać rctag, aby zainstalować najnowszą wersję 3.8 maszynopisu.

Ponieważ main()działa asynchronicznie, zwraca obietnicę. Wynik musisz uzyskać then()metodą. A ponieważ then()zwroty też obiecują, musisz zadzwonić, process.exit()aby zakończyć program.

main()
   .then(
      (text) => { console.log('outside: ' + text) },
      (err)  => { console.log(err) }
   )
   .then(() => { process.exit() } )