关于this指针-理解call、apply、bind

首先，this指针只存在于函数（function）中。用于指向一个对象

this在不同函数中有3种代表方式：

普通函数中：代表window对象

构造函数中：代表new出来的对象

对象方法中：代表调用该方法的对象

在这里插入图片描述

改变对象this指向的3个方法：

在这里插入图片描述

call：改变函数this指向
不传/null/undefined时，this都表示window

在这里插入图片描述

传对象，this代表该对象

在这里插入图片描述

传函数，this代表该函数

在这里插入图片描述

说明：除了，不传/null/undefined，代表window。其他的传什么，就代表什么。

call：可以让b函数调用a的属性和方法。
让this代表a。可传2参。

在这里插入图片描述

apply：将数组元素分别付给函数的参数
传个数组，分别赋给x,y,z：call就不分别了。

在这里插入图片描述

bind：绑定事件期间改变this指向
F的this指向obj，this.a就代表obj.a=1，点击网页时，执行F函数

在这里插入图片描述

call实现继承：
A是构造函数，B使用call，就可以继承于A。
使B对象可以使用A的属性和方法。

在这里插入图片描述

call实现移花接木：数组方法用到类数组中
arguments是类数组
test函数获得所有传参后，在call回调中进行处理

在这里插入图片描述

apply 取数组最大值
除此之外，对于apply 而言，我们上面提到了它独有的一个特性，即apply 接收的是数组，在传递给调用函数的时候是以参数列表传递的。这个特性让apply 看起来比call 略胜一筹，比如有这样一个场景：给定一个数组[1,3,4,7]，然后求数组中的最大元素，而我们知道，数组中并没有获取最大值的方法，一般情况下，你需要通过编写代码来实现。而我们知道，Math 对象中有一个获取最大值的方法，即Math.max()， max方法需要传递一个参数列表，然后返回这些参数中的最大值。而apply 不仅可以将Math 对象的max 方法应用到其他对象上，还可以将一个数组转化为参数列表传递给max,看代码就能一目了然：

在这里插入图片描述

以上便是 call 和 apply 比较经典的几个应用场景，熟练掌握这些技巧，并把这些特性应用到你的实际项目中，会使你的代码看起来更加耐人寻味！