jquery callback

今回はjqueryのcallbackについてです。

ＷＥＢ系の仕事をする際は必ずと言っていいほどついてくるjquery。
そして、結構な頻度でjqueryの処理の順番に困る私。

そこで独自関数のcallbackについてメモをしておきたいと思います。

関数の処理が終わったら次の処理をすると言った書き方です。

// 独自の関数を作成する
function SampleFunc(callback) {
console.log(‘function start’);
//コールバックを宣言
callback();
}

// SampleFunc()に渡されるコールバック関数
var SampleCallBack = function () {
console.log(‘callback end’);
}

//実行処理
SampleFunc(SampleCallBach);

SampleFuncの中が終わるとcallback関数のSampleCallBackが呼ばれ順に処理を実行してくれます。
＝＝＝＝＝＝＝＝＝＝＝＝＝＝
◆実行結果
function start
callback end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝

複雑でなければ最近は下記をよく使うかもです。
$.when(
～処理1
).done(function(){
～処理2
}};

処理1の後に、処理2が実行されます。

jqueryの操作順番をつけたければ意識した方がいい書き方です。
ま～スクリプト側で順番を意識して組むような作りにするなよといった感じですよね。
（ajaxを使う際はそれ用のcallback関数があるので話は別になります。標準関数も同様）

以上です。