js面向对象 —— this

107 篇文章 1 订阅
98 篇文章 1 订阅

二、this

2.1、函数内this的指向

这些this的指向,是当我们调用函数的时候确定的。调用方式的不同决定 了this的指向不同一般指向我们的调用者。

在这里插入图片描述

2.2、改变函数内部this指向

JavaScript为我们专]提供了一些函数方法来帮我们更优雅的处理函数内部 this的指向问题,常用的有bind()、call()、apply() 三种方法。

1. call()方法

call()方法调用一个对象。简单理解为调用函数的方式,但是它可以改变函数的this指向。

在这里插入图片描述

2、apply()方法

apply()方法调用一个函数。简单理解为调用函数的方式,但是它可以改变函数的this指向。

在这里插入图片描述
在这里插入图片描述

● thisArg :在fun函数运行时指定的this值。

● argsArray :传递的值,必须包含在数组里面。

● 返回值就是函数的返回值,因为它就是调用函数。

3、bind方法

bind(方法不会调用函数。但是能改变函数内部this指向

在这里插入图片描述

● thisArg :在fun函数运行时指定的this值。

● arg1 , arg2 :传递的其他参数。

● 返回由指定的this值和初始化参数改造的原函数拷贝 。

2.3 、call apply bind 总结

相同点:

都可以改变函数内部的this指向。

区别点:

1.call和apply会调用函数并且改变函数内部this指向。

2.call 和apply传递的参数不一样, call传递参数aru1, aru…形式apply必须数组形式[arg] 。

3.bind 不会调用函数可以改变函数内部this指向 。

主要应用场景:

1.call 经常做继承

2.apply经常跟数组有关系. 比如借助于数学对象实现数组最大值最小值

3.bind 不调用函数但是还想改变this指向.比如改变定时器内部的this指向.

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

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值