理解JS中【call、bind、aplly】

shakalaca

已于 2022-03-17 00:31:30 修改

阅读量804

点赞数

分类专栏：前端学习文章标签： javascript 前端开发语言

于 2022-03-15 15:58:07 首次发布

本文链接：https://blog.csdn.net/CathyleeQ/article/details/123503805

版权

47 篇文章 8 订阅

订阅专栏

1.复习JS 中 this 的五种情况

1）作为普通函数执行时，this指向window。

2）当函数作为对象的方法被调用时，this就会指向该对象。

3）构造器调用，this指向返回的这个对象。

4）箭头函数箭头函数的this绑定看的是this所在函数定义在哪个对象下，就绑定哪个对象。如果有嵌套的情况，则this绑定到最近的一层对象上。

5）基于Function.prototype上的 apply 、 call 和 bind 调用模式，
这三个方法都可以显示的指定调用函数的 this 指向。

这个函数的 this指向除了使用new `时会被改变，其他情况下都不会改变。若为空默认是指向全局对象window。

答案是改变函数执行时的上下文，即改变函数运行时的this指向（函数存在「定义时上下文」和「运行时上下文」，「上下文是可以改变的」）

在JavaScript中，this的指向是动态变化的，很可能在写程序的过程中，无意中破坏掉this的指向，所以我们需要一种可以把this的含义固定的技术，于是就有了call，apply和bind这三个方法，

1、apply：apply接受两个参数，第一个参数是this的指向，第二个参数是函数接受的参数，以数组的形式传入，且当第一个参数为null、undefined的时候，默认指向window(在浏览器中)，使用apply方法改变this指向后原函数会立即执行，且此方法只是临时改变this指向一次。

2、call：call方法的第一个参数也是this的指向，后面传入的是一个参数列表（注意和apply传参的区别）。当一个参数为null或undefined的时候，表示指向window（在浏览器中），和apply一样，call也只是临时改变一次this指向，并立即执行。

3.bind方法和call很相似，第一参数也是this的指向，后面传入的也是一个参数列表(但是这个参数列表可以分多次传入，call则必须一次性传入所有参数)，但是它改变this指向后不会立即执行，而是返回一个永久改变this指向的函数。

如果某个函数的参数数量是不固定的，当你的参数是明确知道数量时用 call ，而不确定的时候用 apply，然后把参数 push 进数组传递进去。当参数数量不确定时，函数内部也可以通过 arguments 这个数组来遍历所有的参数，

三者都可以改变函数的this对象指向。
三者第一个参数都是this要指向的对象，如果如果没有这个参数或参数为undefined或null，则默认指向全局window。
三者都可以传参，但是apply是数组，而call是参数列表，且apply和call是一次性传入参数，而bind可以分为多次传入。
bind 是返回绑定this之后的函数，便于稍后调用；apply 、call 则是立即执行。

总结：call和apply都是改变上下文中的this并立即执行这个函数，bind方法可以让对应的函数想什么时候调就什么时候调用，并且可以将参数在执行的时候添加，这是它们的区别，根据自己的实际情况来选择使用。

它们的共同点是，都能够变函数体内的 this 指向，将一个对象的方法交给另一个对象来执行，并且是立即执行的。

call 和 apply 的主要作用，是改变对象的执行上下文，并且是立即执行的。它们在参数上的写法略有区别。 bind 也能改变对象的执行上下文，它与 call 和 apply 不同的是，返回值是一个函数，并且需要稍后再调用一下，才会执行。

关注