bind，call，apply的用法和区别

最新推荐文章于 2024-01-29 23:31:42 发布

原创最新推荐文章于 2024-01-29 23:31:42 发布 · 136 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#js

本文详细解析了JavaScript中this指向的控制方法，通过call、apply和bind函数的对比，阐述了它们如何改变函数执行上下文。同时，介绍了这些方法在实际编程中的应用案例，如参数传递和数组操作。

相同点：都是用来改变this指向

不同点：

call()的第一个参数是this要指向的对象，后面传入的是参数列表，参数可以是任意类型，当第一个参数为null、undefined的时候，默认指向window；
apply接受两个参数，第一个参数是要绑定给this的值，第二个参数是一个参数数组。当第一个参数为null、undefined的时候，默认指向window。

注：apply 和 call 的用法几乎相同, 唯一的差别在于：当函数需要传递多个变量时, apply 可以接受一个数组作为参数输入, call 则是接受一系列的单独变量。

bind和call很相似，第一个参数是this的指向，从第二个参数开始是接收的参数列表。区别在于bind方法返回值是函数以及bind接收的参数列表的使用。
call，apply方法是在调用之后立即执行函数，而bind方法没有立即执行，需要将函数再执行一遍。

let obj1 = {
	name:"john1",
	sayHello:function(a,b){
		console.log(this.name);
		console.log(a,b);
	}
}
let obj2 = {
	name:"john2"
}
//call  参数列表
//apply 参数数组
obj1.sayHello.call(obj2,10,20);
//默认情况下，sayHello里的this应该指向obj1的，但是call改变this指向，让其指向call的第一个参数
obj1.sayHello.apply(obj2,[10,20]);
obj1.sayHello.bind(obj2)(10,20);

可以用apply取数组中的最大值和最小值

//取数组中的最大值和最小值
let arr = [10,32,-2,57,13];		
let minVal = Math.min.apply(null,arr);
console.log(minVal);