apply、call、bind的区别
首先,apply、call、bind都可以改变函数调用的this指向
直接看例子
<script> var objA = { name: 'zhangsan', } var objB = { log: function () { return this.name } } console.log(objB.log.bind(objA)) console.log(objB.log.call(objA)) console.log(objB.log.apply(objA)) </script>
控制台打印如下:
我们可以看到,在调用bind方法改变this指向时,执行的方法没有执行,而调用call方法和apply方法时,在改变this指向的同时,执行的方法也会执行;
除此之外,他们的传参方式不同;
代码如下:
<script> var objA = { name: 'zhangsan', } var objB = { log: function (age) { return `${this.name},年龄${age}岁` } } console.log(objB.log.bind(objA, 20)()) console.log(objB.log.call(objA, 20)) console.log(objB.log.apply(objA, [ 20 ])) </script>
控制台输出:
使用bind方法和call方法时传参格式为逗号分割的入参,使用apply方法时入参格式为一个数组,入参依次为数组元素,多个参数就在这一数组中依次添加;