Javascript中的call、apply、bind方法

函数中的call()、apply()方法都会以指定的this值来调用函数，即会设置调用函数时函数体内this对象的值。

apply

apply()方法接收两个参数：函数内this的值和一个数组参数。第二个参数可以是一个数组实例，也可以是arguments对象。

function add(a, b) {
  return a + b
}
function callAdd1(a, b) {
  return add.apply(this, arguments)
}
function callAdd2(a, b) {
  return add.apply(this, [a, b])
}
console.log(callAdd1(10, 20)) // 30
console.log(callAdd2(10, 20)) // 30

call

call()方法和apply()方法的作用一样，只是传参的形式不同。call在向函数传参时，必须将参数一个个列出来：

function add(a, b) {
  return a + b
}
function callAdd(a, b) {
  return add.call(this, a, b)
}
console.log(callAdd(10, 20)) // 30

apply和call方法真正强大的地方在于控制函数调用上下文即函数体内this值。

bind

bind方法会创建一个新的函数实例，其this值会被绑定到传给bind()的对象

window.color = 'blue'
let obj = {
  color: 'pink'
}
function sayColor() {
  console.log(this.color)
}
let objSayColor = sayColor.bind(obj)
objSayColor() // pink