ホームページ > ウェブフロントエンド > jsチュートリアル > Promise Chaining が場合によっては未定義を返すのはなぜですか?

Promise Chaining が場合によっては未定義を返すのはなぜですか?

Susan Sarandon
リリース: 2024-10-19 22:15:02
オリジナル
462 人が閲覧しました

Why Does Promise Chaining Return Undefined in Some Cases?

Promise Chaining の .then() によって unknown が返されるのはなぜですか?

Promise Chaining では、.then() は新しい Promise オブジェクトを返します。ただし、.then() コールバックから値または Promise が明示的に返されない場合、結果として得られる Promise は未定義に解決されます。

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

<code class="js">function doStuff(n) {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      resolve(n * 10);
    }, Math.floor(Math.random() * 1000));
  })
  .then(result => {
    if (result > 100) {
      console.log(result + " is greater than 100");
    } else {
      console.log(result + " is not greater than 100");
    }
  });
}

doStuff(9)
.then(data => {
  console.log(data); // Undefined
});</code>
ログイン後にコピー

このコードでは、最初の .then() は値を返さないため、最後の .then() ではデータが定義されていません。これを修正するには、最初の .then() を変更して結果値を返すことができます:

<code class="js">function doStuff(n) {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      resolve(n * 10);
    }, Math.floor(Math.random() * 1000));
  })
  .then(result => {
    if (result > 100) {
      console.log(result + " is greater than 100");
    } else {
      console.log(result + " is not greater than 100");
    }
    return result; // Return result to avoid undefined
  });
}

doStuff(9)
.then(data => {
  console.log("data is: " + data); // data is no longer undefined
});</code>
ログイン後にコピー

以上がPromise Chaining が場合によっては未定義を返すのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート