call apply bind

var obj = {
  this.x = 8
};

var foo = {
  getX: function() {
    return this.x;
  }
}

console.log(foo.getX.bind(obj)()); // 8
console.log(foo.getX.apply(obj)); // 8
console.log(foo.getX.call(obj)); // 8

• apply、call、bind 三者都是用来改变函数的this对象指向的；
• apply、call、bind 三者第一个参数都是this要指向的对象，也就是想指定的上下文；
• apply、call、bind 三者都可以利用后续参数传参；
• bind 是返回对应函数，便于稍后调用，apply、call都是立即调用；
• bind 仅首次bind生效，多次bind取首次的对象；
• appy 后续接收的参数是数组，call 后续接收的是单个参数；

应用场景

1. 求数组中的最大值最小值

var args = [2, 45, -8, 98, 3];
var max = Math.max.apply(null, args); // 98
var min = Math.min.apply(Math, args); // -8

2. 数组追加

var arg1 = [1,'a',9,{a:123}];
var arg2 = [2,7,'b'];
Array.prototype.push.apply(arg1,arg2); 
// [].push.apply(arg1,arg2);
console.log(arg1); // [ 1, 'a', 9, { a: 123 }, 2, 7, 'b' ]

3. 使用log 代理console.log

function log() {
  console.log.apply(null,arguments);
}

参考链接

一次性讲清楚apply/call/bind