call()和apply()

已于 2023-07-23 19:50:10 修改
阅读量49 收藏
点赞数
分类专栏： # 前端 文章标签： 前端
于 2023-07-23 18:18:26 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/a_ausb/article/details/131882392
版权
call()和apply()是JavaScript中函数对象的两个方法，用于改变函数执行时的上下文环境。它们都允许指定this的值，call()接收参数列表，而apply()则需将参数放在数组中传递。this的指向取决于调用方式：函数调用时为window，方法调用时为调用该方法的对象，构造函数中为新创建的对象，使用call和apply时为指定对象。箭头函数的this是静态的，不随调用位置变化。
摘要由CSDN通过智能技术生成

call()和apply()

  • 这两个方法都是函数对象的方法，需要通过函数对象来调用
  • 当对函数调用call()和apply()都会调用函数的执行
  • 在调用call()和apply()时可以将对象指定为第一个参数
    此时这个参数将会成为函数执行时的this
  • call()方法可以将实参在对象之后依次传递
  • apply()方法需要将实参封装到某一个数组中统一传递

this的情况

  1. 以函数形式调用时，this永远都是window
  2. 以方法形式调用时，this时调用方法的对象
  3. 以构造函数的形式调用时，this时新建的那个对象
  4. 使用call和apply调用时，this时指定的那个对象
  5. 箭头函数的this是静态的
a_ausb
关注
专栏目录
call和apply
未生1886的博客
05-14 3240
1、call方法和apply方法非常像，它们的区别只有唯一的一点； 2、call方法下面有几个参数： ①、第一个参数是改变函数里面的this的指向：因为例子中直接调用getName的话，this指向的是person，所以返回的是person的name； 而通过call方法间接调用的时候，就可以指定this的值，如果将this指向了window，返回的是window.name，结果是‘xm’; var name='xm'; var person={}; person.name='xh';
call 和apply的作用与区别
热门推荐
_陌默
05-23 5万+
首先先说明它们共同的作用：call和apply都是用来修改函数中this的指向问题； 其次就是它们不同的传参方式：注意上一句话中说他们的作用时有两个关键词 ‘函数’和‘this’，想要修改this的指向，那么必然有一个this修改后的指向，而函数必然后关系到传参问题：call方法可以传给该函数的参数分别作为自己的多个参数，而apply方法必须将传给该函数的参数合并成一个数组作为自己的一个参数...
JS call 和 apply的区别
归小超博客
10-26 845
call 和 apply 这两个方法平时都用的比较少，所以可能会比较陌生，刚好昨天有同事问我，顺便重新梳理了一下： 首先看定义： apply：调用一个对象的一个方法，用另一个对象替换当前对象。例如：B.apply(A, arguments);即A对象应用B对象的方法。 call：调用一个对象的一个方法，用另一个对象替换当前对象。例如：B.call(A, args1,args2);即A对象调用B对...
call和apply的区别
keep789的博客
09-18 484
call()和apply()这两个方法最基本的作用就是：改变对象的执行上下文，即this的指向。 两者的异同 相同点：都能够改变方法的执行上下文（执行环境），将一个对象的方法交给另一个对象来执行，并且是立即执行。 不同点：传参不同，call的参数是单个的值，apply参数是数组 call方法从第二个参数开始可以接收任意个参数，每个参数会映射到相应位置的func的参数上，可以通过参数名调用，...
js中的call和apply
赵佳敏的博客
10-02 7985
call和apply是替换前面函数内部的this指针以及传递参数。 区别是 call传递的参数是序列1，2，3，4 apply传递的参数是集合型[1，2，3，4]
js中call和apply的区别
codedadi的博客
05-18 560
在call的例子中，参数是直接作为单独的参数传递的，而在apply的例子中，参数是作为数组传递的。在JavaScript中，call 和 apply 都是函数对象的方法，它们的主要用途是调用一个函数，并具有一个指定的this值，以及作为单独参数列出的一个或多个参数。apply 方法接受两个参数：第一个参数是函数内部的this值，第二个参数是一个数组或者类数组对象，其中的数组元素将作为单独的参数传给function。
call和apply区别
kakaxiD的博客
03-10 322
对于call和apply的解释，网上有很多，但是为了更好地理解。所以这里自己总结积累下~ JavaScript中的每一个function对象都会有call和apply方法 /*apply()方法*/ function.apply(thisObj[, argArray]) /*call()方法*/ function.call(thisObj[, arg1[, arg2[, [,...argN]]]...
call和apply的使用-基础篇
杨树林er的博客
03-22 1325
在使用call和apply之前，我们需要先做一些知识储备： 一、window对象 window对象是js中的顶层对象，所有全局变量和全局函数都被绑定在了window对象身上，如何证明呢，我们可以先声明一个全局变量和函数，然后来观察window对象。如代码1-1： var a = 10; //全局变量 function abc(){ //全局函数 console.log("Young"); } console.log(window); //此时
call ,apply和bind方法 详解
06-19 3万+
JavaScript 函数call、apply和bind的区别和用法详解
【JS】call和 apply函数的详解
九日的博客
05-07 701
call()和apply()方法在功能上相似，主要区别在于参数的传递方式。选择合适的方法可以使代码更加清晰和高效。理解这两个方法的区别及其适用场景，对于深入掌握JavaScript而言非常重要。
JavaScript中call和apply方法的区别实例分析
12-12
本文实例分析了JavaScript中call和apply方法的区别。分享给大家供大家参考，具体如下： 这两个方法不经常用，但是在某些特殊场合中是非常有用的，下面主要说下它们的区别： 1、首先，JavaScript是一门面向对象的语言...
javascript中call和apply方法浅谈
10-26
在JavaScript中，`call`和`apply`是两种非常重要的函数调用方式，它们都用于改变函数内部`this`的指向，实现函数的动态绑定。这两个方法都是Function对象的原型方法，可以应用到任何函数上。 首先，让我们深入理解`...
Javascript 中的 call 和 apply使用介绍
12-04
JavaScript中的`call`和`apply`是两种非常重要的函数调用方式，它们允许开发者改变函数执行的上下文，即函数内部的`this`值。这两个方法的主要区别在于传递参数的方式。 `call`方法的语法是`call(obj, arg1, arg2, ...
JavaScript 学习笔记（九）call和apply方法
10-29
为了进一步控制函数执行的上下文，JavaScript提供了特殊的内置方法，即call和apply方法，这两个方法都是Function对象的方法，可以用来在特定的作用域中调用函数，即改变函数体内this的指向。 call和apply方法的主要...
web扩展
x737510的博客
10-10 626
HTTP（Hypertext Transfer Protocol）协议中的它们在用途和使用方式上有一些区别。用于请求服务器上的资源，通常是获取数据。GET 请求是幂等的，多次请求返回的结果应该是相同的，而且不应该对服务器产生任何副作用。用于向服务器提交数据，通常是提交表单数据或上传文件等。POST 请求可能对服务器产生副作用，例如在数据库中创建新的资源。数据通过 URL 参数传递，附在 URL 后面。因为数据在 URL 中可见，所以不适合传递敏感信息，且有长度限制。
06_实现watch
qq_53109172的博客
10-16 976
watch 本质上就是监听一个响应式数据，这个响应式数据发生变化的时候，进行通知并触发相应的回调函数。
004-按照指定功能模块名称分组
最新发布
xiaogang1226的博客
10-16 218
需要把一个功能模块的几个功能点放在同一个文档目录下，这几个功能点分布在不同的 Controller。需要把他们单独分组，方便前端对接。在@ApiOperation 里面增加属性 tags 赋值。
前端地图数据开发
shuxiaoxii的博客
10-13 295
基于Turf.js教你快速实现地理围栏的合并拆分。turf js 地理空间分析库，处理各种地图算法。如何拆分一个乡镇或区的地图。获取市级的行政区域划分。直接导入地图的json。高德地图查看市级区域。js实现地图区域合并。
Vue3动态组件component不生效问题解决方法
Java_fenxiang的博客
10-14 731
问题：vue3循环渲染动态组件component不生效，页面空白在vue3使用component动态组件展示组件时，组件就是不展示显示空白。在vue2中使用动态变量component展示组件都是没问题。试了很多方法 踩了很多坑，所以记录下：登录后复制 <div class="preview-list" id="c...
js call和apply
05-23
在 JavaScript 中，call 和 apply 是用于调用函数的两个方法。它们的作用是改变函数内部 this 指向的对象，并且可以传递参数。 call 和 apply 的区别在于传递参数的方式不同。call 可以接收多个参数，第一个参数是...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值