call()、apply()、bind()的区别

最新推荐文章于 2021-11-02 22:11:04 发布
最新推荐文章于 2021-11-02 22:11:04 发布
阅读量75 收藏
点赞数
分类专栏： javaScript基础巩固 文章标签： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44099519/article/details/109840934
版权

call()和apply()、bind()都是函数对象的方法，在调用时可以将一个对象指定为第一个参数，此时这个对象就是执行此函数的this。

call()方法可以将实参在对象之后依次传递。立即执行

fun.call(obj,2,3)

apply()方法需要将实参封装到一个数组中统一传递。立即执行

fun.apply(obj,[2,3])

bind()方法可以将实参在对象之后依次传递。不是立即执行

fun.bind(obj,2,3)
艾小双
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
原生JS实现 call apply bind
01-08
call apply bind 的 区别 call apply方法都是在调用之后立即执行的，而bind是返回原函数，需要再调用一次才能执行 传参方式的区别 var newFn1 = fn1.bind(newObj,arg1,arg2....); bind 第一个参数为需改变的新指向...
javascript中apply/call和bind的使用
10-20
本文主要介绍了javascript中apply/call和bind的使用。具有很好的参考价值，下面跟着小编一起来看下吧
函数方法call()、apply()、bind()
weixin_44374938的博客
04-22 179
一、显示函数绑定 在JavaScript中函数也是对象，对象则有方法，apply和calll就是函数对象的方法。这两个方法可以切换函数执行的上下文this绑定的对象。 var person1={ fullName:function(){ return this.firstName+" "+this.lastName; } } var person2={ firstName="John", lastName="Doe", } //通过使用函数的call(),apply(),bind()方法来改变函
JavaScript 中的 call()、apply() 和 bind() 方法
Latency の 博客
08-29 355
call()、apply() 和 bind() 都用于在特定的作用域中调用函数，实际上等于设置函数体内this 对象的值。 其中，call() 和 apply() 由函数直接调用，bind() 则创建一个函数的实例。 1、call() 和 apply()  call() 和 apply() 的唯一区别在于接收参数的方式不同： call() 第一个参数为作用域，其余参数都直接传递给执
函数绑定之call()、apply()及bind()
weixin_30825199的博客
03-13 226
call()和apply()这两个方法的用途都是在特定的作用域中调用函数，实际上等于设置函数体内this的指向。 首先apply()方法接收两个参数：第一个参数是在其中运行函数的作用域，也就是说第一个参数指出了函数要在哪执行，第二个参数是参数数组或arrgument对象。 1 function sum(num1,num2){ 2 ...
理解call()、apply()、bind()方法
charlie________的博客
11-29 135
函数内this指向问题 这些 this 的指向，是当我们调用函数的时候确定的。 调用方式的不同决定了this 的指向不同一般指向我们的调用者. JavaScript 为我们专门提供了一些函数方法来帮我们更优雅的处理函数内部 this 的指向问题，常用的有 bind()、call()、apply() 三种方法。 call()方法 可以调用函数 可以改变函数内部this指向 可以实现继承 用法： fun.call(thisArg, arg1, arg2, ...) thisArg：在 fun 函数
JavaScript 中 call()、apply()、bind() 的用法
前端劝退工程师
10-12 293
call()、apply()、bind() 都是用来重定义 this 这个对象的 定义一个对象，方法里这个this指向obj1，谁调用就指向谁 重新定义一个my，用call方法让obj1的this指向my， ...
JavaScript必知必会(十) call apply bind的用法说明
10-22
主要介绍了JavaScript必知必会(十) call apply bind的用法说明 的相关资料,非常不错具有参考借鉴价值，需要的朋友可以参考下
javascript中call apply 与 bind方法详解
10-22
网上文章虽多，大多复制粘贴，且晦涩难懂，我希望能够通过这篇文章，能够清晰的提升对apply、call、bind的认识，并通过一些具体的示例给大家展示下这3个方法的用法，希望大家能够喜欢。
Javascript中call，apply，bind方法的详解与总结
10-20
本文主要Javascript中call，apply，bind方法的进行全面分析，并在文章结尾对call，apply，bind方法的联系和区别做了总结，具有很好的参考价值，需要的朋友一起来看下吧
一篇文章搞懂js中的call(),apply(),bind()以及map()方法
weixin_42565137的博客
03-15 1144
一篇文章搞懂js中的call(),apply(),bind(),map()方法 最近在工作中经常碰这几个方法。所以想总结一下这几个方法。我们把call(),apply(),bind()方法分为一类。他们的作用是改变this的指向，它的调用者为函数。而map()方法类似于foreach。它的调用者为数组。 call(): 调用call方法时同时立即执行foo函数，但this的指向为obj a...
react合成事件和bind ，call,apply的区别和联系
weixin_42946929的博客
08-16 1196
1.react 的合成事件 react是虚拟dom 创建好以后挂在到真实的dom 上，所以react 中的事件（点击，滑动，触摸）机制也是虚拟的，react 为了防止滥用dom 的事件，同时屏蔽不同浏览器的差异，实现了一种合成事件层。在react 中当dom 层被点击的时候，然后事件冒泡直至document 层，document监听了所有的点击事件然后再响应在组件初始化的时候，绑定在组件上响应的方法。至此，便引出了bind 方法。 原生事件无论是冒泡还是捕获事件，都会比react 的合成事件执行早 2.a
call() 、 apply() 、bind()方法的作用和区别！
weixin_30721899的博客
05-07 119
从一开始，我是在书上看到关于bind()、call() 和 apply(), 不过长久以来，在工作中与网上接触到了很多关于这三个方法的使用场景，对这三个方法也算是比较熟悉了。所以把他们的作用和区别简单阐述一下！ javaScript权威指南上的解释是： call() 、apply()可以看作是某个对象的方法，通过调用方法的形式来间接调用函数。bind() 就是将某个函数绑定到某个对象上。 ...
call(),apply(),bind()三个方法的异同以及各自的应用
weixin_45785651的博客
11-02 119
我们知道this指向一般都是指向调用： ①如普通函数调用时，指向window； ②构造函数调时，指向实例对象； ③对象方法调用时，指向该方法所属的对象； ④事件绑定方法调用时，指向绑定事件对象； ⑤定时器函数和立即执行函数调用，指向window。 在我之前谈到的es6之前，运用构造函数继承父构造函数的属性时，如果在子构造函数直接调用Father()时，这时子构造函数里面是没有任何继承父类的属性的，这就是因为this的指向问题所导致的。调用父构造函数时this是指向父构造函数创建出来的实例对象，这
【一篇终结你的困惑】JavaScript中call()、apply()、bind()的区别
热门推荐
Linda的前端开发路
05-17 2万+
call()、apply()、bind()是用来改变this的指向的。一 举个例子一个叫喵喵的猫喜欢吃鱼，一个叫汪汪的小狗喜欢啃骨头，用代码实现如下：var cat = { name:"喵喵", eatFish:function(param1,param2){ console.log("吃鱼"); console.log("this的指向=>"); console.log...
JavaScript中call,apply,bind方法的总结。
weixin_34075268的博客
02-25 198
why？call,apply,bind干什么的？为什么要学这个？ 　　一般用来指定this的环境，在没有学之前，通常会有这些问题。 var a = { user:"追梦子", fn:function(){ console.log(this.user); } } var b = a.fn; b(); //undefined 我们是想...
js函数的方法call()、apply()和bind()详细介绍和区别
Teheran的博客
01-04 776
在JavaScript中，call()、apply()和bind()是Function对象自带的三个方法，这三个方法的主要作用是改变函数中的this指向。 相同点： 1. apply 、 call 、bind 三者都是用来改变函数的this对象的指向； 2. apply 、 call 、bind 三者都可以利用后续参数传参； 不同点： 1.接受参数上call、bind接收多个参数，apply接收一...
51单片机控制步进电机三轴联动51单片机控制步进电机三轴联动51单片机控制步进电机3轴联动c语言，抛砖引玉供大家参考。.zip
最新发布
06-16
51单片机控制步进电机三轴联动51单片机控制步进电机三轴联动51单片机控制步进电机3轴联动c语言，抛砖引玉供大家参考。
call apply bind 区别
04-21
call、apply、bind 都是用来改变函数中 this...区别于 call 和 apply，bind 方法不是立即执行函数，而是返回一个新的函数。 简单来说，call 和 apply 是为了改变函数的上下文环境，而 bind 是为了改变函数的执行方式。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值