[JS-Flow]JavaScriptコールバック関数

サマリ

コールバック関数フィーチャー

呼び出された関数にコールバック関数の制御権がありますか?

1.コールバック関数の「運転点」制御

var cb = function() {
    console.log('1초마다 실행 된다.');
};

setInterval(cb, 1000);

2.コールバック関数「パラメータ」の制御

var arr = [1, 2, 3, 4, 5];
var entries = [];
arr.forEach(function(v, i) {
    entriese.push([i, v, this[i]]);
}, [10, 20, 30, 40, 50]);

console.log(entries)

3.コールバック関数の「this」制御

document.body.innerHTML = '<div id="a">abc</div>';

function cbFunc(x) {
    console.log(this, x);
}

document.getElementById('a').addEventListner('click', cbFunc);

$('#a').on('click', cbFunc);

4.注意-コールバックは関数です。

var arr = [1, 2, 3, 4, 5];
var obj = {
    vals: [1, 2, 3],
    logValues: function(v, i) {
        if(this.vals) {
            console.log(this.vals, v, i);
        } else {
            console.log(this, v, i);
        }
    }
};

obj.logValues(1, 2); // this는 obj가 된다.
arr.forEach(obj.logValues); // this는 window가 된다.