apply()
方法调用一个具有给定this
值的函数,以及以一个数组(或类数组对象)的形式提供的参数。( 使用 apply 方法改变this指向后原函数会立即执行,且此方法只是临时改变this指向一次。)
call()
方法使用一个指定的 this
值和单独给出的一个或多个参数来调用一个函数。
( 使用 call 方法改变this指向后原函数会立即执行,且此方法只是临时改变this指向一次。)
bind()
方法创建一个新的函数,在 bind()
被调用时,这个新函数的 this
被指定为 bind()
的第一个参数,而其余参数将作为新函数的参数,供调用时使用。
( bind 改变this指向后不会立即执行,而是返回一个永久改变this指向的函数。)
apply,call,bind三者的区别
- 三者都可以改变函数的this对象指向。
- 三者第一个参数都是this要指向的对象,如果没有这个参数或参数为undefined或null,则默认指向全局window。
- 三者都可以传参,但是apply是数组,而call是参数列表,且apply和call是一次性传入参数,而bind可以分为多次传入。
- bind 是返回绑定this之后的函数,便于稍后调用;apply 、call 则是立即执行 。
tip: 使用 bind 改变this指向,创建的新函数,想要立即执行,使用IIFE或者return语句
例如:
(async function aa() {
this.xxx;
}.bind(this)())
function bb() {
function aa() {
this.xxx;
}
return aa.bind(this)
}