首先,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 比较经典的几个应用场景,熟练掌握这些技巧,并把这些特性应用到你的实际项目中,会使你的代码看起来更加耐人寻味!
转载自–
https://onepixel.cnblogs.com/p/5143863.html
关注我们的公众号更多优质好文,也欢迎来稿