apply()和call()以及bind()的区别

最新推荐文章于 2023-03-07 09:19:32 发布
最新推荐文章于 2023-03-07 09:19:32 发布
阅读量79 收藏
点赞数
分类专栏： 修改this指向
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/nvshengZ/article/details/119207264
版权

  • 共同点：

    • 可以修改函数中的this指向

    • 不传参数时，默认修改this指向为windows

    • 有参数时第一个参数是this的指向，第二个参数是函数接受的参数

  • 不同点

    • 需要传入多个参数时，apply需要使用数组方式传入，call需要以参数列表形式传入

    • apply和call都是改变this指向后立即执行，bind是返回绑定this后的函数（需自行调用执行）

    • bind的参数传入类似call（以参数列表传入），区别在于bind可以分多次传入

nvshengZ
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
four js高级 apply call bind 作用域 闭包 沙箱 递归
qq_38964133的博客
03-10 433
apply和call方法 作用都可以改变this的指向 没有传参数 apply和call方法中如果没有传入参数，或者传入的是null，那么调用该方法的函数的this指向是默认的window 参数 f1.apply(null, [100,200]) 数组传入参数 f1.call(null,100,200) 一个个传入 f1.apply(对象, [100,200])那么f1中的原型指向变成了 传...
全面解析JavaScript中apply和call以及bind(推荐)
10-22
在javascript中apply、call和bind是三兄弟，很好的搭档，下面小编给大家全面解析JavaScript中apply和call以及bind的相关知识，感兴趣的朋友一起学习吧
apply()、call()、bind()
aizou6838的博客
11-27 90
在JavaScript中，call、apply和bind是Function对象自带的三个方法，这三个方法的主要作用是改变函数中的this指向。apply和call方法、bind方法都是在特定的作用域中调用函数，等于设置函数体内this对象的值，以扩充函数赖以运行的作用域。一般来说，this总是指向调用某个方法的对象，但是使用call()和apply()、bind()方法时，就会改变thi...
call()、apply()和bind()用法和区别
caipital的博客
09-06 361
相同点：call()、apply()和bind()都可以改变函数内部的this指向 不同点请看下面实例： call()： call方法既可以调用函数，又可以改变函数内的this指向。 var obj = { name: 'andy' } function fn(a, b) { console.log(this); console.log(a+b) }; fn(1,2)// 此时的this指向的是window 运行结果为3 fn.call(obj,1,2)//此时的this指向的是对象obj,参数使用逗号隔
call()、apply()和bind()的区别
qq_44716411的博客
08-19 141
共同点: call()、apply()和bind()都是改变函数内部的this指向，第一个参数也都放的是要改变this对象 不同点： （1）主要在第二个参数上，call()从第二个开始放的是正常的参数，而apply()放的是数组 ，bind()返回的是函数 （2）call()、apply()当第一个参数为 null、undefined的时候，默认指向window。 （3）bind()不会立即执行，call()、apply()直接调用 案例： //有只猫叫小黑，小黑会吃鱼 const cat = { nam
call()，apply()，bind()的区别
豆奶的博客
04-05 288
call()，apply()，bind()都是用来重定义this的！ 1. var name = "小红",age=18; var obj={ name:"小蓝", objAge:this.age, myMess:function(){console.log(this.name+this.age);} } obj.objAge; //18 obj.myMess(); //小蓝 undefined 2. var name="小绿"; function show(){ console.log(th
javascript中apply/call和bind的使用
10-20
本文主要介绍了javascript中apply/call和bind的使用。具有很好的参考价值，下面跟着小编一起来看下吧
javascript中apply、call和bind的使用区别
11-28
在JavaScript中，`apply()`, `call()`, 和 `bind()` 都是用来操作函数的上下文，即改变函数内部 `this` 指向的方法。它们有三个共同点：第一，它们都能改变函数执行时的 `this` 值；第二，第一个参数都是指定的新 `...
JavaScript中call(),apply()和bind()的用法和区别
王跃坤的博客
04-11 833
目录先说结论先搞两个对象callapplybind 先说结论 call、apply 和 bind 的作用都是改变函数的 this 的指向 其中 call 和 apply 的区别在于它们传参的方式不同 call可以传多个形参，而apply只能传一个数组形参 而bind和call、apply的区别在于bind不会立即调用，而是返回一个函数对象 先搞两个对象 首先创造一个对象Alice， 这个对象有Name属性， 和一个 输出今日消费金额的函数outConsume(morning,afternoon,evenin
apply()，call()和bind()
小瑾沐晚风的博客
02-13 205
1.apply()，call()和bind()的相同点 三者都可以把一个函数应用到其他对象上；都是用来改变函数内部的this的指向的； 2.call()和apply() 相同点：都是调用一个对象的一个方法，用另一个对象替换当前对象（功能相同） 例如： B.call(A, args1,args2);即A对象调用B对象的方法 ，且向调用的方法传入args1,args2......参数      ...
call(), apply(), bind()之间的区别
zm_miner的博客
08-30 133
我们知道 this是js中的一个关键字, 而且this指向的是调用函数的那个对象. 对于 call, apply, bind 三者有一个共同点就是可以改变this指向. 但是bind和call,apply两者不太相同; bind() 方法创建一个新的函数，在 bind() 被调用时，这个新函数的 this 被指定为 bind() 的第一个参数，而其余参数将作为新函数的参数，供调用时使用。 call()方法使用一个指定的 this 值和单独给出的一个或多个参数来调用一个函数。 apply() 方法调用一个具
理解call()、apply()、bind()方法
charlie________的博客
11-29 136
函数内this指向问题 这些 this 的指向，是当我们调用函数的时候确定的。 调用方式的不同决定了this 的指向不同一般指向我们的调用者. JavaScript 为我们专门提供了一些函数方法来帮我们更优雅的处理函数内部 this 的指向问题，常用的有 bind()、call()、apply() 三种方法。 call()方法 可以调用函数 可以改变函数内部this指向 可以实现继承 用法： fun.call(thisArg, arg1, arg2, ...) thisArg：在 fun 函数
一文带你认识apply()、call()和bind()方法
elephantY的博客
03-07 367
apply()和call()方法可以立即调用函数并且设置函数的执行上下文对象，也就是this关键字的值。call()方法的参数是一个个地传递进去，而apply()方法的参数是以数组的形式传递进去。因此，如果你已经有一个参数数组，可以使用apply()方法来方便地传递参数；而如果你知道每个参数的值，可以使用call()方法来逐个传递参数（call，打电话，要一个键一个键按~）。另外，bind()方法可以创建一个新的函数，并将函数的执行上下文对象设置为指定的值。
call()、apply()、bind()的区别
weixin_45868552的博客
09-07 163
一、call() function.call ( thisArg , arg1 , arg2,…) : 使用一个指定的this值和单独给出的一个或多个参数来调用一个函数 thisArg: 可选的。在function函数运行时使用的this值；但是this可能不是该方法看的实际值：如果这个函数处于非严格模式下，则被指定为null或undefined时会自动替换为指向全局对象，原始值会被包装。 arg1,arg2,.... : 指定的参数列表 返回值：使用调用者提供的this值和参数调用该函数
apply()、call()与bind()方法对比
weixin_44311876的博客
03-27 115
对于JavaScript开发者有必要理解apply、call与bind方法的不同点。它们的共同点是第一个参数都是this，改变函数执行时的上下文。 首先我们先了解call、apply、bind使用 call()方法 作用： 调用一个对象的一个方法，以另一个对象替换当前对象 方法： call([thisObj[,arg1[, arg2[, [,.argN]]]]]) 参数: thisObj可选项...
call ,apply和bind方法 详解
热门推荐
06-19 3万+
JavaScript 函数call、apply和bind的区别和用法详解
使用 call() 、apply() 和 bind()
Mark
11-08 199
目录 1、call() 和 apply() 2、使用 bind() 3、call()、apply() 和 bind() 的区别 1、call() 和 apply() call() 和 apply() 是 Function 对象的原型方法，它们能够将特定函数当作一个方法绑定到指定对象上并进行调用。具体用法如下： function.call(thisobj,...args); funct...
call()、apply()、bind()的用法及区别
豆。的博客
02-05 644
call()、apply()、bind()的用法及区别
前端apply和call,bind区别
最新发布
03-16
apply和call的区别在于传参方式不同，apply接收一个数组作为参数，而call接收多个参数。 bind方法会返回一个新的函数，新函数的this指向被绑定的对象，但不会立即执行，需要手动调用。 举个例子： ``` var obj = ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值