コールバック関数の呼び出しについて

Question

コールバック関数に関して、分からない部分があります。
以下は普通の関数呼び出しのコードになります。

//日付データを取得する
function getDate() {
    var date = new Date;
}
 
 
//日付データを元に西暦を取得する
function getYear(data) {
  var year = data.getFullYear();
}

以下は、コールバックを用いたコードになります。

function getDate(callback) {
 
    callback(new Date);
 
}
getDate(function(data) {
 
    getYear(data);
 
 
});

上記２つは同じ処理をするコードになるのですが、いまいちコールバックの方のコードが分かりません。
getDate関数の引数にはgetYearメソッドを使用していますが、これはDateオブジェクトのメソッドであるかと思います。
それが何故、「data.getFullYear();」こちらのような形でなく、「getYear」と呼び出せているかが分からないです。

Answer 1

上記２つは同じ処理をするコードになるのですが

ならないですね。下のコードブロックでは、getYearが定義されてないのでエラーです。質問者様がおっしゃるとおり、下のコードブロックではdata.getFullYearとする必要があります。

多分グローバル汚染されて偶然動いてるだけです。

Comments

[aae_11]

ご回答ありがとうございます。
1点だけおうかがいしたいのですが、質問した際のコードは「https://www.sejuku.net/blog/52314」こちらの記事を参考にさせて頂いたのですが、自分のコードの解釈が間違っているのか、どうか分からなくて...
記事が正しいのかどうか分からないのですが、もしお時間ありましたら、チェックお願いしてもよろしいでしょうか...?

[papinianus]

そうですね。この記事が何を目的にしているかわかりにくいですね。
ここで書かれているのは関数Aと関数Bを順に実行したい、だけれども、質問者様の一つ目のコードブロックのように２つ関数を定義しても上手く行かない、といいたいようです。
で、その次が説明が足りてないのですが、筆者は関数B(つまりgetYear)はそのままにして、関数Aを書き換えることで、ABを順次実行できるようにしてみた、と言いたいようです。

はっきり言ってサンプルが悪いです。この記事の例では単に引数や返り値のハンドリングが悪いだけで、コールバックの必要性は皆無です。

私は、質問者様は非同期処理を学びたいと想定してます。なので、先に非同期が関係ないコールバックの考え方を学びましょう。一気に２つをやるのは悪手だと感じます。

個人的にはソートに比較関数を渡す例がいい気がしますが、質問者様が他の例であげていらした、setTimeoutも頻出ですかね。変数に関数そのものを代入することにまず慣れましょう。
https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Array/sort