关于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 比较经典的几个应用场景,熟练掌握这些技巧,并把这些特性应用到你的实际项目中,会使你的代码看起来更加耐人寻味!

转载自–
https://onepixel.cnblogs.com/p/5143863.html
关注我们的公众号更多优质好文,也欢迎来稿
在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值