JavaScriptでの非同期コールバックによる画像の読み込み

画像を読み込む関数 loadImage を実装してみましょう。 この関数の最初のパラメータは画像へのパスとし、 2番目のパラメータは、画像の読み込みが完了したときに実行されるコールバックとします：

javascriptloadImage('img.png', function() {
  // 画像の読み込み時に実行されます
});

コールバックの最初のパラメータには画像のDOM要素への参照を渡し、 2番目のパラメータには、例外が発生した場合のエラーを渡すようにしましょう：

javascriptloadImage('img.png', function(image, err) {
  console.log(image, err);
});

私たちの関数は次のように使用できます：

javascriptloadImage('image.png', function(image, err) {
  document.body.append(image); // 読み込み完了時に画像を配置します
});

または、例外処理を行うこともできます：

javascriptloadImage('image.png', function(image, err) {
  if (!err) {
    document.body.append(image);
  } else {
    console.log('エラーが発生しました: ' + err);
  }
});