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方法时入参格式为一个数组，入参依次为数组元素，多个参数就在这一数组中依次添加；

标签：console,log,bind,objA,objB,call,apply
来源： https://www.cnblogs.com/drw666/p/10897775.html