JavaScript/Promise

Promise は、非同期処理の最終的な完了（または失敗）とその結果値を表すオブジェクトです。このオブジェクトは、将来的に利用可能になる可能性のある値に対する代理として機能します^[1]。

構文

new Promise(executor);

executor: resolve 関数と reject 関数を引数に取るコールバック関数。Promise が作成されると、この関数は自動的に実行されます。

例

基本的な Promise の使用例

以下のプログラムは、基本的な Promise の使用方法を示しています。

const myPromise = new Promise((resolve, reject) => {
  setTimeout(() => {
    resolve('成功!');
  }, 1000);
});

myPromise
  .then(value => console.log(value)) // 1秒後に "成功!" が出力されます
  .catch(error => console.error(error));

このプログラムでは、1秒後に解決される Promise を作成し、then メソッドを使用して解決時の処理を登録しています。Promise が解決されると、「成功!」というメッセージが出力されます。

Promise チェーンの例

以下のプログラムは、複数の Promise をチェーンする方法を示しています。

function fetchData() {
  return new Promise((resolve) => {
    setTimeout(() => resolve('データ'), 1000);
  });
}

function processData(data) {
  return new Promise((resolve) => {
    setTimeout(() => resolve(data + 'の処理完了'), 1000);
  });
}

fetchData()
  .then(data => processData(data))
  .then(result => console.log(result)) // 2秒後に "データの処理完了" が出力されます
  .catch(error => console.error(error));

このプログラムでは、fetchData 関数から返された Promise に then メソッドを連鎖させて、最初の Promise が解決された後に processData 関数を呼び出しています。��終的に、2秒後に「データの処理完了」というメッセージが出力されます。

Promise.all の使用例

以下のプログラムは、Promise.all メソッドを使用して複数の Promise を並行して実行する方法を示しています。

const promise1 = Promise.resolve(3);
const promise2 = new Promise((resolve) => setTimeout(() => resolve('foo'), 100));
const promise3 = fetch('https://example.com/data');

Promise.all([promise1, promise2, promise3])
  .then(values => console.log(values)) // [3, "foo", Response]
  .catch(error => console.error(error));