Javascriptのコールバック関数の引数がわからない

Question

Javascriptを勉強しているのですが$.ajaxの中で、

error: function(xhr, status, err) {
        console.error(this.props.url, status, err.toString());
      }.bind(this)
    }

とあり、なんで引数がxhr,status,errって決まっているのですか？

Node.jsでチャットボットを作っていた時もfunction(err,msg)などがコールバック関数であってつまづきました、、、
JS初心者なので詳しく教えてくださると嬉しいです。

Answer 1

ある関数を引数として受け取る関数は、何らかの処理の後や、何らかの条件が揃ったとき、その引数として受け取った関数(一般にコールバック関数とも言われる)を呼び出します。このコールバック関数を呼び出す時、渡される引数およびthisが何になるかは、呼び出す側の関数によって全て決まっています。

$.ajaxの場合も全て決まっています。どのようになっているかはドキュメントであるjQuery.ajax() | jQuery API Documentationに全て記載されています。

ドキュメントによると、errorプロパティの値と指定する関数は、リクエストが失敗したときに呼び出され、3つの引数を受け取ると書いています。

• 1番目はリクエストそのものを表すjqXHR(XMLHTTPRequestを拡張したjQuery独自のオブジェクト)のオブジェクトです。
• 2番目はどのようなエラーだったかを表す文字列です。"timeout"や"error"等が渡されます。
• 3番目は、HTTPエラーだったときに、HTTPのステータスをあら文字列です。"Not Found"や"Internal Server Error"が渡されます。

jQueryのバージョンによって少し異なる場合があることに注意してください。さて、このように、呼び出し時に何が渡されるかは決まっていますが、コールバック関数の仮引数名をxhr,status,errとする必要はありません。a,b,cとかそんな引数名でも動きます。引数の数やその内容であって、引数名では無いからです。しかし、引数が内容に即した名前でないと混乱しますので、ほとんどの場合は、ドキュメントと同じ(jqXHR,textStatus,errorThrown)か、それを省略した名前を付けて、何であるかがわかるようにします。

Answer 2

$.ajaxがこの関数を呼び出すときに、その3つの引数をつけるからです。

Comments

[退会済みユーザー]

つまり、コールバック関数の引数は、仕様で全て決まっているということですか？

[so87]

"jQueryのajax関数だけ"の仕様として決まっていますよ。
すべてのjavascriptのコールバック関数の戻りがすべて同じ仕様という事ではありません。
$.ajaxの内部では受け取ったコールバック関数を変数として保持していて、
通信が完了したタイミングで保持していたコールバック関数を実行するのですが、
その時に引数としてxhr, status, errという順番で処理結果を渡しています。
その関数の設計がそうなっている、というだけです＾＾