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会返回一个新的函数