JSのコールバックの呼び出し方について

Question

JavaScriptを勉強中の初学者です。
自分でコールバック関数を書いて理解を深めようとしているのですが分からないことがありましたので質問させて下さい。

例えば以下のような関数があった場合、

function start(str, callback){ 
	var newStr = 'start_' + str
	setTimeout(function(){
		console.log(newStr);
		callback(newStr)
	}, 1000);
}

function first(str, callback){
	var newStr2 = 'first_' + str;
	setTimeout(function(){
		callback(newStr2);
	}, 1000)
}

function second(str) {
	console.log(str);
}

関数を start first second の順で呼び出すにはどのように記述すれば良いのでしょうか？
start('hoge', first)まではわかるのですが、firstからstartの戻り値を受け取りつつsecondを呼び出す方法が分かりません。
例えばこんな感じで記述できたりするのでしょうか?start('hoge', first(val, second))

私自身そもそもコールバック関数の理解が間違っている可能性もあります。申し訳ありません^^;
ご教授いただけますと幸いです。

Answer 1

こんにちは

例えばこんな感じで記述できたりするのでしょうか? start('hoge', first(val, second))

そのような感じを、動くコードとして書くと、下記のようになります。

start('hoge', function(val) { first(val, second); } );

• 動作確認用CodePen: https://codepen.io/jun68ykt/pen/YzzjvGL?editors=0012