JavaScriptのArrow Functionを使用したPromisesとCallbacks

Promisesを使用したArrow Functionの例:

const fetchData = () => {
  return new Promise((resolve, reject) => {
    // データの非同期取得をシミュレートする
    setTimeout(() => {
      const data = '取得したデータ';
      if (data) {
        resolve(data);
      } else {
        reject('データの取得に失敗しました');
      }
    }, 2000);
  });
};
fetchData()
  .then((data) => {
    console.log(data);
  })
  .catch((error) => {
    console.error(error);
  });

上記の例では、Arrow Functionを使用してPromisesを作成しています。fetchData関数は非同期処理を行い、成功時にはresolveを呼び出し、失敗時にはrejectを呼び出します。その後、.then()メソッドを使用して成功時の処理、.catch()メソッドを使用して失敗時の処理を定義します。

Callbacksを使用したArrow Functionの例:

const fetchDataWithCallback = (callback) => {
  // データの非同期取得をシミュレートする
  setTimeout(() => {
    const data = '取得したデータ';
    if (data) {
      callback(null, data);
    } else {
      callback('データの取得に失敗しました', null);
    }
  }, 2000);
};
fetchDataWithCallback((error, data) => {
  if (error) {
    console.error(error);
  } else {
    console.log(data);
  }
});

上記の例では、Arrow Functionを使用してCallbacksを実装しています。fetchDataWithCallback関数は非同期処理を行い、成功時にはcallback関数にnullとデータを渡し、失敗時にはエラーメッセージとnullを渡します。コールバック関数内でエラーチェックを行い、データの取得に成功した場合はデータを表示し、失敗した場合はエラーメッセージを表示します。

このように、JavaScriptのArrow Functionを使用することで、PromisesとCallbacksを効果的に扱うことができます。これにより、非同期処理をよりシンプルに実装できます。