call、apply、bind三者的异同

最新推荐文章于 2024-07-30 10:56:44 发布
最新推荐文章于 2024-07-30 10:56:44 发布
阅读量653 收藏 1
点赞数 1
文章标签： javascript 前端 Powered by 金山文档
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_62063529/article/details/129049823
版权

共同点 :

  • 都可以改变this指向;

  • 三者第一个参数都是this要指向的对象，如果如果没有这个参数或参数为undefined或null，则默认指向全局window

不同点:

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

  • call 和 apply传递的参数不一样,call传递参数使用逗号隔开,apply使用数组传递，且apply和call是一次性传入参数，而bind可以分为多次传入

  • bind是返回绑定this之后的函数

应用场景

  1. call 经常做继承.

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

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

Morefree...
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
原生JS实现 call apply bind
01-08
call apply bind 的 作用 都是用来改变this的指向，在平时工作过程中，除了实现对象的继承，在写一些基础类，或者公用库方法的时候会用到它们，其他时候 call 和 apply 的应用场景并不多。 在React中bind常用来绑定事件，改变this的指向 call apply bind 的 区别 call apply方法都是在调用之后立即执行的，而bind是返回原函数，需要再调用一次才能执行 传参方式的区别 var newFn1 = fn1.bind(newObj,arg1,arg2....); bind 第一个参数为需改变的新指向，之后的参数以，隔开 如需调用该函数，需要再次
07-call、apply、bind三者的异同.html
09-03
07-call、apply、bind三者的异同
Call、apply、bind三者的异同：
Coder_Xy的博客
07-21 323
Call和apply传递的参数不一样，call传递参数使用逗号隔开，apply使用数组传递。Bind不会调用函数，但还可以改变this指向，比如改变定时器内部this指向。不同点call和apply会调用函数，并且改变函数内部this指向。Bind不会调用函数，可以改变函数内部this的指向。Apply经常根数组有关，比如借助数学对象实现数组最大值最小值。共同点都可以改变this的指向。...
call、apply、bind的异同
weixin_48128080的博客
04-02 276
js中有三种方法可以改变this的指向 call 1.call的第一个可以调用函数，第二个可以改变函数内的this指向 2.call的主要作用可以实现继承 fun.call(thisVar,var1,var2,...) apply 参数必须是数组 fun.apply(thisVar,[varArray]) thisVar是在fun函数运行时指定的this值 varArray是传递的值，必须包含在数组里搬 返回值就是函数的返回值 fun.bind(thisVar,var1,var2
call,apply,bind三者的区别
qq_55928824的博客
07-05 4983
1、本质上的区别三者最大的区别是call和apply会改变this的指向并且立即执行函数，但是bind方法不会立即执行函数，而是会返回this改变后的函数。 let obj = { name:'张三', age:18, func:function(){ console.log(this.name + "年龄" + this.age); } }
call、apply、bind的异同点
qq_64454072的博客
04-24 612
call()、apply()、bind()的作用？ 动态的修改函数内部的this指向。 1.call()语法 函数名.call(修改后的this,形参1,形参2...) 修改后this指向这个对象张三，传参的形式是一个一个传的。 2.apply()语法 函数名.apply(修改后的this,数组/伪数组) 修改后的this指向这个对象李四，apply会自动帮忙遍历数组然后按照顺序进行传参。 3.bind()语法 函数名.bind(修改后的this) 修改后的...
call、apply、bind三者之间的异同
weixin_46181037的博客
02-29 310
对于apply和call两者在作用上是相同的，即是调用一个对象的一个方法，以另一个对象替换当前对象。将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象。 但两者在参数上有区别的。对于第一个参数意义都一样，但对第二个参数： apply传入的是一个参数数组，也就是将多个参数组合成为一个数组传入，而call则作为call的参数传入（从第二个参数开始）。如： func.call(f...
call、apply与bind的异同
Alex_717的博客
10-13 263
相同点： 1、这三个方法都是用来改变函数内this的指向。 2、都可以接收参数。 3、第一参数都是this要指向的对象。   不同点： function Parent(name, arr){ this.name = name; this.arr = arr; } function Child(name, arr){ ...
call、apply和bind
xing476255461的博客
10-19 753
javascript中call和apply以及bind都可以改变this指向 在代码中，当一个对象A具有一个方法fn，另一个对象B没有方法，但是需要用到同样功能的fn方法时，可以通过改变A对象中函数fn的执行上下文(this)来实现调用，达到节约代码空间，不产生冗余函数的目的。(字面量创建对象写法): var A = { name: "AAA", fn: function(skil...
前端面试解析-01 call apply bind有什么异同？
lpx337的博客
01-10 177
相同点： 1、都用来改变this对象的指向。 2、第一个参数都是this要指向的对象。 3、都可以利用后续参数进行传参。 不同点： 1、（调用方式）call、apply都是对函数的直接调用，而bind返回的是函数，需要再次调用，所以写法上就有了区别。 var huoche ={ name:"火车", say:function(){ ...
实例讲解JavaScript中call、apply、bind方法的异同
10-21
主要以实例讲解的方式为大家总结了JavaScript中call、apply、bind方法,具有一定的参考价值，感兴趣的小伙伴们可以参考一下
javascript中apply/call和bind的使用
10-20
本文主要介绍了javascript中apply/call和bind的使用。具有很好的参考价值，下面跟着小编一起来看下吧
javascript中call apply 与 bind方法详解
10-22
在JavaScript中，`call`、`apply`和`bind`都是与函数调用相关的三个重要方法，它们都允许我们改变函数内部`this`的指向，从而实现不同对象间的方法复用和灵活控制上下文环境。下面我们将分别详细介绍这三个方法。 1...
call apply bind的异同和用处
weixin_45925906的博客
03-23 80
改变函数this指向的方法 call apply bind call方法 call方法可以进行函数的调用，同时也可以改变this的指向，传递参数的方法为直接传递。 示例代码： 函数调用 function test(){ console.log("测试代码"); } test.call() 改变this指向 var o={ name:"123" } function fn(){
JavaScript青少年简明教程：函数及其相关知识（下）
cnds123的专栏
07-26 652
JavaScript青少年简明教程：函数及其相关知识（下）
VUE3自定义指令防止重复点击多次提交
最新发布
MadSnail00的博客
07-30 80
vue3连续点击按钮重复提交，vue3自定义指令防止重复提交
【分享】前端程序员-技术网站推荐
一位前行者的博客
07-30 431
对于前端开发人员来说，以下是一些推荐的技术网站，这些网站提供了丰富的资源和知识，可以帮助你提升前端开发技能：收集一些 、、 的网站 vite 官方中文文档 element-plus 官方中文文档 pinia 官方中文文档 vue-router 官方中文文档 Tailwind CSS 官方文档 vitest 官方中文文档 es6 中文文档 axios 官方中文文档 vxetable 官方中文文档 lodash 中文文档 echarts 官方中文文档 animat
我们的前端开发逆天了！1 小时搞定了新网站，还跟我说 “不要钱”
努力做最接地气的编程干货分享，感谢关注
07-29 1310
本文将带你了解一个新的 Web 框架 **Astro**，并手把手带你使用 Astro 搭建一个属于自己的站点，用过的都说真香！
call apply bind
07-11
js中的apply、call、bind是三个函数方法，都可以用来改变函数的this指向。 apply和call的作用是一样的，都是改变函数的this指向，并且立即执行该函数。区别在于传入参数的方式不同，apply接收一个数组作为参数，而...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值