深入了解JS中的call、apply、bind方法

JS中的call、apply、bind方法

一、call()和apply()方法
（1）call() 直接执行函数
语法：函数名.call() 可以有n多个参数
但是注意：第一个参数为 this的指向,第二个以后的参数都是给 原来函数传递实参
（2）apply() 直接调用函数
语法：函数名.apply() 只有两个参数
第一个参数为 this的指向
第二个参数为一个数组,原函数的实参

call 和 apply的异同：
相同点：都是改变 this的指向
不同点：参数不一样，call可以有多个参数，apply只有两个参数，并且是数组的形式传递参数
举个例子：

let hanhan = {
       name: '憨憨'
}
let fun = function (...info) {
      console.log(this.name + info);
}
fun.call(hanhan, '真是大傻子')
fun.apply(hanhan, ['还是个gay', '也是个老司机'])

打印出来

这个例子中 无论是call还是apply ，fun的this指向hanhan这个对象 然后调用的时候就可以用this.name调用出憨憨 后面是传递参数
但是apply只能传递两个参数可以是数组形式 也可以是arguments 而 call方法可以传递多个参数 这点需要注意下。

（3）bind() 不直接调用
语法：函数名.bind()
返回值：一个新函数（跟原函数长得一样，只不过新函数的this指向被改变了）
bind只有一个参数，这个参数为 this的指向 原函数的实参给 bind函数的返回值 添加
继续上面的例子

var res = fun.bind(hanhan);
res('手里拿着棒棒糖');

打印出来

在这个例子中 bind是不能直接调用出来的 这一点需要注意下 第二个注意点是bind只能传递一个参数 那个参数就是改变this指向的参数
那么假如我们需要传递别的参数怎么办呢 ？
那么我们可以在调用的时候给它传递参数就可以了

除了上面那种调用我们还可以这样

fun.bind(hanhan)('拿着另外一根棒棒糖')

这是一样的效果

想要了解更多可以看

想要了解更多可以看