js中call 与apply的作用与区别

最新推荐文章于 2024-09-30 15:42:36 发布
最新推荐文章于 2024-09-30 15:42:36 发布
阅读量127 收藏
点赞数
分类专栏： 好好学习 文章标签： 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sugar__amai/article/details/125922018
版权
本文详细解析了JavaScript中函数内的this指针如何被修改，特别是在不传参数和传参时call与apply方法的区别。默认情况下，不传参数时this指向全局对象（在浏览器环境下为window）。当传参时，this总是指向第一个参数，call方法允许传递额外参数，与调用函数的形参一一对应，而apply方法的第二个参数为包含所有形参的数组。了解这些差异对于精准控制函数执行上下文至关重要。
摘要由CSDN通过智能技术生成

作用：修改函数中this的指向

区别：传参不一样

  • 不传任何参数，则默认为将this指向修改为window
  • 有参数时
    • this都指向第一个参数
    • call有多个参数，剩下的参数对应调用函数的形参
    • apply只有两个参数，第二位为形参合并的数组，可以看做 arguments
穿着睡衣去兜风
关注
专栏目录
js Apply 和call 的作用及区别
dongruanxiaoyu的博客
05-25 1158
** Apply 和call 的作用及区别 ** Call和apply的作用都是强制改变this的指向 Call和apply的区别在于传参时的不同，call和apply的的第一个参数都是对象,第二个参数call传的是单个参数， 而apply传的是一个数组或者是一个参数 当this没有指向时，this指向window function show(a, b) { console.log(this);//window console.log(a,b);//1,2 } show(1,2); 当用
详解js中call与apply关键字的作用
10-21
在JavaScript中，call与apply是两个非常重要的关键字，它们的功能是改变函数执行时的上下文，也就是函数体内的this指向。通过call和apply可以调用某个函数，并且显式地指定该函数内部的this变量的值。 ### call和...
JS Call()与Apply()
fendou4533的专栏
07-08 577
转  http://www.cnblogs.com/itstone/archive/2012/07/23/call.html ECMAScript规范给所有函数都定义了Call()与apply()两个方法，call与apply的第一个参数都是需要调用的函数对象，在函数体内这个参数就是this的值，剩余的参数是需要传递给函数的值，call与apply的不同就是call传的值可以是任意的，而
JS中的call、apply在干什么
YNEWA的博客
05-22 331
前言 网上的解释多是说改变 this 的指向，此说法没错，但肯定没这么简单。 1、改变this指向 对JavaScript的
JS中call与apply的作用及区别
xiemingmei的专栏
10-12 181
call与apply作用是一样的，就是改变执行时函数内this的值。 它们方法传递的参数形式不同： foo.call(this, arg1,arg2,arg3) == foo.apply(this, [arg1,arg2,arg23])==this.foo(arg1, arg2, arg3) 例子：[code="javascript"]var name = 'window'; ...
call和apply使用说明
BoBoLUI的博客
08-04 192
//定义程序员对象 var programmer = { name: '程序员', programming: function(ablity1,ablity2,ablity3){ console.log(`${this.name}编程`); console.log(`更多技能: ${ablity1}、${ablity2}、${ablity3}、`) } } //定义外卖对象 var delivery = { name: '外卖员', sendFood: function(){ con
javascript中apply和call方法的作用及区别说明
12-10
1、call，apply都属于Function.prototype的一个方法，它是JavaScript引擎内在实现的，因为属于Function.prototype，所以每个Function对象实例(就是每个方法)都有call，apply属性。既然作为方法的属性，那它们的使用...
在JavaScript中call()与apply()区别
10-22
通过上述讨论，我们可以得出结论：call()与apply()是JavaScript中实现函数方法调用及改变this指向的重要工具。它们的区别在于参数传递方式不同，选择使用哪一个方法，取决于开发者对参数传递方式的需求。理解并熟悉...
JavaScript中call和apply方法的区别实例分析
12-12
本文实例分析了JavaScript中call和apply方法的区别。分享给大家供大家参考，具体如下： 这两个方法不经常用，但是在某些特殊场合中是非常有用的，下面主要说下它们的区别： 1、首先，JavaScript是一门面向对象的语言...
Javascript中call，apply，bind方法的详解与总结
10-20
本文针对JavaScript中三个重要的函数方法——call、apply和bind，进行详尽的分析，并在文章的结尾部分对这三个方法之间的联系和区别进行了概括，以便于读者更深入地理解它们的用途和应用场景。 首先，我们来探讨...
js中call和apply的作用和区别
weixin_44456621的博客
06-08 402
js中call和apply的作用和区别call和applycallapplycall和apply的区别想指哪就指哪 call和apply call和apply的作用是在改变函数中this的指向对象。 在普通函数中this指向window function fn (){ console.log(this);// 普通函数中 this 指向window } fn() 打印情况： call function fn (){ console.log(this);// 此时
JavaScript中的call和apply以及bind方法的用法和用途
yanli291的博客
10-13 178
1.call和apply会立即执行，bind会返回一个函数，需要进一步出发或者添加（）立即触发。2.call和bind将剩余参数陈列出来，apply将剩余参数放入一个数组。3.当为绑定事件修改this指向，等待下一个时机出发时。2.当待使用的数据为数组时，考虑apply。1.通常情况下可以用call直接完成任务。
js中call与apply用法
webcenterol
07-08 410
前天去面试，有个gg问了一些js知识，其中有一道call与apply用法的题目，尽管在365天前用过call方法，但当时还是没能答上来，今天深入总结一下 call和apply，它们的作用都是将函数绑定到另外一个对象上去运行 两者的格式和参数定义： call( thisArg [，arg1，arg2，… ] ); // 参数列表，arg1，arg2，... apply(thisArg [，ar...
JS中的call()方法和apply()方法用法总结
热门推荐
Hei, Welcome To vickie's Blog，Good Good Study, Day Day Up ~
04-27 18万+
JacvaScript中的call()方法和apply()方法， 1. 每个函数都包含两个非继承而来的方法：call()方法和apply()方法。 2. 相同点：这两个方法的作用是一样的。都是在特定的作用域中调用函数，等于设置函数体内this对象的值，以扩充函数赖以运行的作用域。
JavaScript call和apply的作用和妙用
FAFA的博客
08-19 685
Call 劫持另外一个对象的方法，继承另外一个对象的属性. Function.call(obj,[param1[,param2[,…[,paramN]]]]) obj：这个对象将代替Function类里this对象 params：这个是一个参数列表 function animal(name,age){ this.name = name; this.ag...
Vue实战教程：如何用JS封装一个可复用的Loading组件
Jiaberrr的博客
09-28 446
通过以上步骤，我们成功在Vue项目中封装了一个可复用的Loading组件。在实际开发中，我们可以根据项目需求对Loading组件进行样式和功能的扩展，使其更加完善。封装组件是提高代码复用性和维护性的有效手段，希望本文能对你有所帮助。
登录功能开发 P167重点
最新发布
2303_81204446的博客
09-30 168
前端无法识别controller方法，因此存在Dispa什么的。Claims：jwt中的第二部分。
Webpack 打包后文件过大，如何优化？
官方推荐
09-30 2626
Webpack 打包后文件过大，如何优化？
前端规范工程-2：JS代码规范（Prettier + ESLint）
Vinca@的博客
09-26 723
Prettier 主要关注代码的格式，而 ESLint 则关注代码的质量和规范。结合使用这两个工具，可以极大地提高代码的可读性和维护性，同时减少潜在的错误和不一致性。
JavaScript中call与apply的关键作用解析
"这篇文章详细介绍了JavaScript中的call与apply关键字，它们的主要作用是改变函数内部this的指向，并提供了具体的使用示例。call和apply都可以用来调用一个函数，但传递参数的方式不同。apply接受一个数组或类数组...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值