トップレベルで非同期/待機を使用するにはどうすればよいですか？

私は以上続けられているasync/ awaitしていくつかの記事の上に行くの後、私は自分自身のテストの事に決めました。しかし、なぜこれが機能しないのか頭を抱えているようには見えません。

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

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

コンソールは以下を出力します（ノードv8.6.0）：

>外部：[オブジェクトの約束]

>内側：こんにちは

関数内のログメッセージが後で実行されるのはなぜですか？async/ awaitが作成された理由は、非同期タスクを使用して同期実行を行うためだと思いました。

.then()after を使用せずに関数内で返された値を使用できる方法はありmain()ますか？

なぜこれが機能しないのか、頭を抱えているようには見えません。

main約束を返すので; すべてのasync関数が行います。

トップレベルでは、次のいずれかを行う必要があります。

1. async拒否しないトップレベルの関数を使用する（「未処理の拒否」エラーが必要でない限り）、または

2. thenおよびを使用するcatchか、

3. （近日！）を使用するトップレベルawait、ステージ3に達した提案プロセスのトップレベルの使用ができますawaitモジュールでは。

＃1- async決して拒否しないトップレベルの機能

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

に注意してくださいcatch。他には何も行われないので、約束の拒否/非同期例外を処理する必要があります。それらを渡す呼び出し元はありません。必要に応じて、catch（try/ catch構文ではなく）関数を介して呼び出した結果に対してそれを行うことができます。

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

...これはもう少し簡潔です（そのため、私は気に入っています）。

または、もちろん、エラーを処理せず、「未処理の拒否」エラーのみを許可します。

＃2- thenとcatch

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

catchエラーがチェーンにしたりして発生した場合、ハンドラが呼び出されますthenハンドラ。（catchそれらを処理するために何も登録されていないため、ハンドラーがエラーをスローしないことを確認してください。）

または両方の引数then：

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

ここでも、拒否ハンドラを登録していることに注意してください。ただし、このフォームでは、thenコールバックのいずれもエラーをスローせず、それらを処理するために何も登録されていないことを確認してください。

＃3 awaitモジュールのトップレベル

awaitモジュール以外のスクリプトのトップレベルでは使用できませんが、トップレベルのawait提案（ステージ3）では、モジュールのトップレベルで使用できます。これは、トップレベルのasync関数ラッパー（上記の＃1）を使用するのと似ていますが、トップレベルのコードが拒否（エラーをスロー）しないようにすると、未処理の拒否エラーが発生します。したがって、＃1の場合のように、問題が発生したときに未処理の拒否を行いたくない場合は、コードをエラーハンドラーでラップする必要があります。

// 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
}

これを行うと、モジュールからインポートするすべてのモジュールは、約束している問題awaitが解決するまで待機します。トップレベルを使用するモジュールawaitが評価されると、基本的にはモジュールローダーにプロミスを返します（async関数のように）。プロミスが確定するまで待機してから、それに依存するモジュールの本体を評価します。

トップレベルawaitがステージ3に移動したため、質問への回答トップレベルで非同期/待機を使用するにはどうすればよいですか？へawaitの呼び出しを追加するだけ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)

あるいは単に：

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

まだWebpack@v5.0.0-alpha.15でしか利用できないことに注意してください。

あなたがいる場合は活字体を使用して、それが3.8に上陸しました。

v8ではモジュールのサポートが追加されました。

（ゴンザロバハモンデスによるコメントのように）それはデノによってもサポートされています。

この問題の実際の解決策は、別の方法で解決することです。

おそらくあなたの目標は、通常はアプリケーションのトップレベルで発生する何らかの初期化です。

解決策は、アプリケーションの最上位レベルにJavaScriptステートメントが1つだけであることを確認することです。アプリケーションの上部にステートメントが1つしかない場合は、どこでも他のすべてのポイントでasync / awaitを自由に使用できます（もちろん、通常の構文規則に従います）。

別の言い方をすれば、トップレベル全体を関数でラップして、それがトップレベルではなくなり、アプリケーションのトップレベルで非同期/待機を実行する方法の問題を解決します。

アプリケーションの最上位は次のようになります。

import {application} from './server'

application();

現在の回答の上にさらに情報を提供するには：

node.jsファイルの内容は現在、文字列のような方法で連結されて、関数本体を形成しています。

たとえば、ファイルがある場合test.js：

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

次にnode.js、次のような関数を密かに連結します。

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

注意すべき主なことは、結果の関数は非同期関数ではないということです。したがって、そのawait中で直接使用することはできません。

しかし、このファイルでpromiseを処理する必要があるとすると、2つの方法が考えられます。

1. 関数内でawait 直接使用しないでください
2. 使わない await

オプション1では、新しいスコープを作成する必要があります（asyncこれを制御できるため、このスコープをにすることができます）。

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

オプション2では、オブジェクト指向のプロミスAPIを使用する必要があります（プロミスを操作するという、それほど機能的ではありませんが同等に機能するパラダイム）

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

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

個人的には、それがasync機能する場合、node.jsがデフォルトでコードを関数に連結することを願っています。それはこの頭痛を取り除くでしょう。

トップレベルの待機は、来たるEcmaScript標準の機能です。現在、TypeScript 3.8（現時点ではRCバージョン）で使用できます。

TypeScript 3.8のインストール方法

次のコマンドを使用してnpmからインストールすることで、TypeScript 3.8の使用を開始できます。

$ npm install typescript@rc

現時点では、rcタグを追加して最新のtypescript 3.8バージョンをインストールする必要があります。

main()非同期で実行されるため、promiseを返します。then()メソッドで結果を取得する必要があります。また、then()promiseも返されるためprocess.exit()、プログラムを終了するために呼び出す必要があります。

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