Javascript call(),apply(),bind() 方法解析

javaScript权威指南上的解释是：

call() 、apply()可以看作是某个对象的方法，通过调用方法的形式来间接调用函数,bind() 就是将某个函数绑定到某个对象上。

作用：这三个方法的作用都是改变函数的执行上下文！

通俗点说:

call()和apply()的作用就是把方法绑定到指定的对象下去执行

示例:

var demo1={name:"小可爱",sex:"男"}

function test1(){

    console.log(this.name)

}

test1.call(demo1)

apply()方法的作用大致和call()方法是一样的,只是对于传参不同,

apply(obj, [...xx,nn] ),

apply()方法的第一个参数是对象，而他的第二个参数是数组或者类数组。而call（obj,n1,n2,n3）除了第一个参数是对象，后续所有传入的都是该函数的参数。

示例：

var demo2={};

function test2(n1,n2,n3){

console.info(n1)

}

test2.call(demo2,"大","中","小")

apply[ ] 方法示例：

var demo3={};

function test3(m1,m2,m3){

console.log(m2)

}

test3.apply(demo3,[1,3,5])

bind() ： bind() 方法会返回执行上下文被改变的函数而不会立即执行，而call()和apply()是直接执行该函数。

从上面这个例子可以看出.bind方法并没有立即执行，而是返回了改变上下文this后的函数，但是printColor中的this的指向依旧是window。

由此总结:

（1）当我们使用一个函数需要改变this指向的时候才会用到call/apply/bind

（2）如果你要传递的参数不多，则可以使用fn.call(obj, arg1, arg2 ...)

（3）如果你要传递的参数很多，则可以用数组将参数整理好调用fn.apply(obj, [arg1, arg2 ...])

（4）如果你想生成一个新的函数长期绑定某个函数给某个对象使用，则可以使用const newFn = fn.bind(thisObj); newFn(arg1, arg2...)