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基礎メモその7

Posted at

#コールバック関数
引数に渡される関数をコールバック関数と呼ぶ。

// 関数が引数に代入される
const call = (引数名) => {
//処理
};

//関数を引数に渡す
call(関数名);


>```javascript
const kayakuko = () => {
  // 
};
>
// 関数kayakukoが代入される
const call = (callback) => {
  // 処理
};
>
call(kayakuko);
// 関数kayakukoを引数に渡す

const kayakuko = => {
console.log("kayakuko");
};

// ② kayakukoをcallbackに代入
const call = (callback) => {
console.log("コールバック関数を呼び出す");
callback();
// ③ 関数callbackを呼び出す
];

call(kayakuko);
// ① 引数にkayakukoを渡し、関数callを呼び出す


結果
コールバック関数を呼び出す
kayakuko

#コールバック関数を直接定義する
関数を直接引数の中で定義することもできる。
>```javascript
          // ② 関数をcallbackに代入
const call = (callback) => {
  console.log("コールバック関数を呼び出す");
  callback();
};
>
call(() => {
  console.log("kayakuko");
});  // ① 引数で関数を定義して関数callを呼び出す

結果
コールバック関数を呼び出す
kayakuko

#コールバック関数に引数を渡す

const introduce = (callback) => {
callback("kayakuko");
};

introduce((name) => {
console.log(name);
});


結果
kayakuko


  
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?