0
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

【JavaScript】【初心者】コールバック関数について

Last updated at Posted at 2020-07-27

##コールバック関数とは

コールバック関数について備忘録を残します。
コールバック関数とは関数の引数として渡される関数のこと。
直訳の【呼び返す関数】という意味で好きなタイミングで呼び返すことができる関数です。

##例

下のコードでは、hogeがbaseのコールバック関数として渡されています。

sample.js

const hoge = () => {
    console.log('hogeが呼び出されました。');
};

const base = (callback) => {
    console.log('baseが呼び出されました。');
    callback();
};

base(hoge); //base(hoge());ではないことに注意!

実行結果
baseが呼び出されました。
hogeが呼び出されました。

##注意
上の例で、base(hoge());としてしまうと。base(undefined);となり、エラーが発生します。
hogeはreturnのない関数なので返り値はundefinedです。よって実行前の関数自体を引数として渡すように注意して下さい。

0
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?