JavaScript —— apply、call、bind

apply、call

apply和call用法基本一致，只是传入的参数不同。第一个参数都是this的指向(当第一个参数为null或者undefined时，默认指向window)，apply第二个参数是函数接收的参数(以数组的形式传入)，call第二个以及后面的参数都是函数接收的参数。
使用apply和call方法改变this的指向后原函数会立即执行，且只是临时改变this指向一次。

语法：
apply：fun.apply(this,[1,2,3,4])
call：fun.call(this,1,2,3,4)

// 示例：
let user = {
  name: 'tom'
}
let obj = {
  name: 'jerry',
  say(year,place){
	console.log(this.name+' is '+year+' born from '+place+'.')
  }
}
obj.say(1995,'guangzhou')  // jerry is 1995 born from guangzhou.
obj.say.apply(user,[1996,'beijing'])  // tom is 1996 born from beijing.
obj.say.call(user,1997,'tianjin')  // tom is 1997 born from tianjin.

bind
bind与call用法类似，第一个参数是this的指向，后面传入参数列表。
bind改变this指向不会立即执行函数，而是返回一个永久改变this指向的函数。

let user = {
  name: 'tom'
}
let obj = {
  name: 'jerry',
  say(year,place){
	console.log(this.name + ' is ' + year +' born from ' + place + '.')
  }
}
let say = obj.say.bind(user,1998,'chongqing')
say()  // tom is 1998 born from chongqing.

apply、call、bind的区别

• 三者都可以改变函数的this对象指向。
• 三者第一个参数都是this要指向的对象，这个参数为undefined或null，则默认指向window。
• 三者都可以传参，但是apply是数组，call和bind是参数列表
• bind 是返回绑定this之后的函数，便于稍后调用；apply 、call 则是立即执行 。

利用call、apply来求一个数组中最大值

let arr = [1,15,2,3,16,18]
console.log(Math.max.apply(null,arr))   // 18
console.log(Math.max.call(null,...arr)) // 18
let max = Math.max.bind(null,...arr)
console.log(max())   // 18

利用bind传入回调函数

// 例如setTimeout，我们需要传入一个回调函数作为参数，详细看例子
function test(a){
  console.log(a)
}
// 没有bind情况下，我们需要这样写
setTimeout(()=>{
  test('doge')
},1000)
// 使用bind，我们可以这样写
setTimeout(test.bind(this, 'doge'), 1000)