JavaScript の非同期処理で待機時間を節約できますか?

JavaScriptで非同期実行の結果を同期的に取得するには、 for ループ内でawaitを使用する必要があることは以前から知っていました。Promise.All を使用しないと、非同期は機能しません。しかし、実行結果を待つ必要があるたびに、 asyncとawaitを使用する必要があります。これは面倒ですし、見栄えも良くないと思います。この2つの単語の書き方を覚えていれば良いのですが、覚えていないと毎回スペルを間違えて思考が中断してしまいますし、突然そのような単語が出てきたら見栄えも悪くなります。

そこで私はこの問題を解決するために全力を尽くしました。車輪の再発明に誇りを持つプログラマーとして、 JavaScriptの変化に少しでも貢献することが私の責任だと考えています。

次のコードを考えてみましょう。

定数 trans = require('node-google-translate-skidz');

関数 translate (str, strEn, tarEn) {
  p = () => {とする
    新しい Promise を返します ((resolve, reject) => {
      トランス({
        テキスト: str,
        ソース: strEn ? strEn : 'zh',
        ターゲット: tarEn ? tarEn : 'en'
      }, 関数 (結果) {
        解決(結果.翻訳)
      });
    })
  }
  非同期() => {
    b = p() を待つ
    コンソールログ(b);
  }
  （）を返す
  //コンソールログ(b)
}


c = translate('中国語') とします。
コンソールログ('c', c)

このコードはおそらく、非同期の問題を解決するために私が思いついた最善の解決策ですが、答えはまだ成功していません。しかし、 JavaScriptでは、どのようにラップするか、どのようなテクノロジーを使用するかに関係なく、 asyncとawait実際に避けることができない理由がようやくわかりました。

translate メソッドが呼び出される場所を確認し、呼び出し後に翻訳結果を出力します。これを行う目的は、もちろん、結果が出た後でそれを印刷することです。Promise Promise { <pending> }，それは待機せずに直接実行されることを意味します。

結果が利用可能になった後に印刷するという目的を達成するために、 translateメソッドにasync()=>{await},を巧みにカプセル化し、 translate await実行の結果を返すようにしました。しかし、この方法はうまくいきません。なぜなら、最終的な印刷結果は、どうしても避けたいものだからです。

なぜ？ async functionでのみ機能することを忘れていたため、 asyncにはスコープがあることになります。メソッドlet c = translate('中文')を実行した後、コンパイラーtranslate await が必要であることを伝えなかったため (translate はasyncとawaitを実装しているので、実行結果が返されるのをtranslate自動的に待機すると考えていました。ただし、スコープが存在するため、translate 内のスコープはtranslateメソッドの実行に影響を与えることはできません)、コンパイラーは直接console.log('c', c)を実行し、 Promise { <pending> } を出力しました。

スコープの概念を導入することで、メソッド本体のasyncとawait 、メソッド呼び出しレベルもasyncとawaitにすることができなくなります。JavaScript の非同期JavaScriptで await を省略できない理由はおわかりいただけると思います。

これで、「JavaScript の非同期処理で await を省略できますか?」の記事は終了です。JavaScript の非同期処理の詳細については、123WORDPRESS.COM の以前の記事を検索するか、以下の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。