JavaScript-函数方法apply()、call()、bind()

apply()和call()

介绍

函数的两个方法：apply()和call()。这两个方法都会指定的this值来调用函数。即会设置调用函数时函数体内this对象的值。apply（）方法接受两个两个参数：函数内this的值和一个参数数组。第二个可以是Array的实例，但也可以时arguments对象。

function sum (num1,num2){
   return num1+num2
}
function sum2(num1,num2){
  return sum.apply(this,arguments)
}
console.log(sum2(10,10))  //20

个人感觉简而言之，就是会改变调用函数的this指向，指向传入的this值。让调用函数内部对应这个上下文环境。

二者的区别

call()和apply的作用一样，只是传参的形式不同。第一个参数二者是相同的，call（）第二个参数是要一个一个参数传递。
例如上面的这个例子,改写一下

sum.call(this,num1,num2)

二者强大之处

上面的例子已经体现出来了，控制函数调用上下文即函数体内this值得能力。

bind()

介绍

bind()方法会返回一个新的函数实例，其this值会被绑定到传入bind（）的对象。

var name = 'fxp'
let person = {
   name:'lhg'
}
function app(){
  console.log(this.name)
}
let temp = app.bind(person)
temp()      // lhg

如何实现一个bind函数

Function.prototype.myBind = function (thisArg, ...args) {
  var fn = this;
  return function (...innerArgs) {
    return fn.apply(thisArg, [...args, ...innerArgs]);
  };
};