js中call、apply、bind详解和区别

首先这三个参数都是用于改变this的指向

        let obj = {
            name:'张三',
            age:18,
            func:function(){
                console.log(this.name + "年龄" + this.age);
            }
        }
        let obj2 = {
            name:'李四',
            age:20
        }
        obj.func.call(obj2) //李四年龄20
        obj.func.apply(obj2); //李四年龄20
        obj.func.bind(obj2)(); //李四年龄20

这三个结果都一样 bind后面多一个括号是因为 bind返回值是一个函数加上（）编程立即执行函数

Call

用法：Object.call(obj,arg1,arg2.......)
参数：
第一个参数obj是作为函数上下文的对象(也就是this)
第二个参数arg1：从第二个参数开始后续所有参数都是传给方法的参数

示例

        let obj = {
            name:'张三',
            age:18,
            func:function(job,sal){
                console.log(this.name + "年龄" + this.age +"工作："+job + "   sal:"+sal);
            }
        }
        let obj2 = {
            name:'李四',
            age:20
        }
        obj.func.call(obj2,'Programer',5000) //李四年龄20工作：Programer   sal:5000

apply

用法：Object.apply(obj,[args])
参数：
第一个参数obj是作为函数上下文的对象(也就是this)
第二个参数args:是一个数组作为参数传入

        let obj = {
            name:'张三',
            age:18,
            func:function(job,sal){
                console.log(this.name + "年龄" + this.age +"工作："+job + "   sal:"+sal);
            }
        }
        let obj2 = {
            name:'李四',
            age:20
        }
        obj.func.call(obj2,'Programer',5000) //李四年龄20工作：Programer   sal:5000
        obj.func.apply(obj2,['Programer',5000]); //李四年龄20工作：Programer   sal:5000

bind

用法：Object.bind(obj,arg1,arg2.......)
参数：
第一个参数obj是作为函数上下文的对象(也就是this)
第二个参数arg1：从第二个参数开始后续所有参数都是传给方法的
参数

并且返回值是一个function

        let obj = {
            name:'张三',
            age:18,
            func:function(job,sal){
                console.log(this.name + "年龄" + this.age +"工作："+job + "   sal:"+sal);
            }
        }
        let obj2 = {
            name:'李四',
            age:20
        }
        let newFunc =obj.func.bind(obj2,'Programer',5000);
        console.log(typeof newFunc); //function
        newFunc();//李四年龄20工作：Programer   sal:5000

总结

call和apply的区别：两个函数都是改变函数执行上下文的，但是传的参数不同
bind和其他两个差别在：传参与call相同，但是bind会返回一个新的函数