JavaScriptのコールバック関数について

Question

JavaScriptのコールバック関数の基礎について勉強中ですが、

{
function aaa(x) {
  console.log('Hello');
  x();
}

function bbb(y) {
  console.log('World');
}

aaa(bbb); 
}

上記のコードの、
x();を記述する意味が分からないので教えていただいても宜しいでしょうか…？
(なぜxという引数の後に()を持ってくるのかが不明です)

Comments

[think49]

あなたの認識では何がどうしてどういう結果になるはずが、現実にはほにゃららな結果が返ってくる、というような認識と現実のズレを説明して頂かなければ的確な回答が出来ません。

[think49]

実引数から仮引数に渡されるロジックは理解出来ていますか。
https://jsprimer.net/basic/function-declaration/
理解出来ていれば、渡された関数を()で呼び出しているたけの簡単な説明になります。

Answer 1

aaaの引数が関数オブジェクトで、x();は引数で渡された関数を実行する書き方です。
aaa(bbb); は、関数bbbのオブジェクトを関数aaaの引数として渡しています。
関数aaa内では、仮引数の変数名xでそれを受け、関数内の任意のタイミングで実行できます。
単にxだと変数扱いですが、x();と丸カッコをつけることにより関数としてふるまわせることができます。

Comments

[退会済みユーザー]

ご回答ありがとうございます。

function aaa(x)という関数に、bbbという関数を入れて実行するには、
x();という記述をしなければいけないという認識で合っていますか？

[hope_mucci]

うーん、ちょっと認識が違う。
仮引数とかはまず横に置いておいて、javascriptでは
・変数の中に関数定義を代入することができる
・変数に代入した関数は、引数を表す'()'を尻につけることで中の関数を実行することができる
ことをまず理解してほしい。
function bbb(x){ return x^2 + 2*x + 1;}
var fn = bbb;
var v = fn(2);
数学で良くある表現で　関数f(x)を　f(x) = x^2+2x+1 と定義すると f(2) = 7 となる、そんなイメージでいてもらえばいいのかもしれない。最初は。

Answer 2

なぜxという引数の後に()を持ってくるのかが不明です

JavaScriptでは、関数も「変数に入れる」「引数に渡す」「関数の返り値にする」などが可能な、オブジェクトです。

引数のxに関数が入っていれば、そこに()を付けて「関数呼び出し」を行うことが可能です。

Answer 3

(なぜxという引数の後に()を持ってくるのかが不明です)

実行するためです。
自作の関数じゃなくて標準関数のalertを渡した場合で考えると分かりやすいかなと。console.logの出力見て

	function inputFunc(func){
		console.log(func);
		console.log(func());
	}
	inputFunc(alert);