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

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

SRE实战 互联网时代守护先锋，助力企业售后服务体系运筹帷幄！一键直达领取阿里云限量特价优惠。

普通函数中：代表window对象

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

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

【js】关于this指针-理解call、apply、bind 随笔 第1张

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

【js】关于this指针-理解call、apply、bind 随笔 第2张

 

call：改变函数this指向

不传/null/undefined时，this都表示window

【js】关于this指针-理解call、apply、bind 随笔 第3张

传对象，this代表该对象

【js】关于this指针-理解call、apply、bind 随笔 第4张

传函数，this代表该函数

【js】关于this指针-理解call、apply、bind 随笔 第5张

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

 

call：可以让b函数调用a的属性和方法。

让this代表a。可传2参。

【js】关于this指针-理解call、apply、bind 随笔 第6张

 

apply：将数组元素分别付给函数的参数

传个数组，分别赋给x,y,z：call就不分别了。

【js】关于this指针-理解call、apply、bind 随笔 第7张

 

bind：绑定事件期间改变this指向

F的this指向obj，this.a就代表obj.a=1，点击网页时，执行F函数

【js】关于this指针-理解call、apply、bind 随笔 第8张

 

call实现继承：

A是构造函数，B使用call，就可以继承于A。

使B对象可以使用A的属性和方法。

【js】关于this指针-理解call、apply、bind 随笔 第9张

 

call实现移花接木：数组方法用到类数组中

arguments是类数组

test函数获得所有传参后，在call回调中进行处理

【js】关于this指针-理解call、apply、bind 随笔 第10张

 

额外学习：给内置函数新增方法。

获取数组的最大值实现

【js】关于this指针-理解call、apply、bind 随笔 第11张

 

扫码关注我们
微信号：SRE实战
拒绝背锅 运筹帷幄