call 和 apply 的使用

最新推荐文章于 2022-07-04 00:12:21 发布
原创 最新推荐文章于 2022-07-04 00:12:21 发布 · 448 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#javascript #vue.js

本文详细介绍了JavaScript中的call()和apply()方法，它们都是用于改变函数执行时的this上下文，并允许传入参数。call()方法接受参数逐个传递，而apply()则需将参数封装在数组中传递。理解这两种方法对于提升JavaScript编程能力至关重要，尤其在处理对象方法和构造函数调用时。

call() 和 apply() 方法的使用

call 和 apply 的使用

  1. call() 和 apply()
    这两个方法都是函数对象的方法, 需要通过函数对象来调用
    当对函数调用apply() 和 apply() 都会调用函数执行
    在调用call() 和 apply() 可以将一个对象指定为第一个参数, 此时这个对象将会成为函数执行的this
  2. call() 方法可以将实参在对象之后依次传递
  3. apply() 方法需要将实参封装到一个数组中统一传递
  4. this的情况
    1. 以函数形式调用时, this永远都是window
    2. 以方法的形式调用时, this是调用方法的对象
    3. 以构造函数的形式调用时, this是新创建的那个对象
    4. 使用call 和 apply 调用时, this是指定的那个对象(或者说是传入的那个对象)
Javascript 中的 call 和 apply使用介绍
12-04
总的来说，`call`和`apply`是JavaScript中实现动态上下文绑定和灵活参数传递的重要工具，对于理解和使用JavaScript的高级特性，如原型继承、函数封装和异步处理等，具有至关重要的地位。掌握它们的用法能够极大地...
javascript中call和apply方法浅谈
10-26
在JavaScript中，`call`和`apply`是两种非常重要的函数调用方式，它们都用于改变函数内部`this`的指向，实现函数的动态绑定。这两个方法都是Function对象的原型方法，可以应用到任何函数上。 首先，让我们深入理解`...
call()和apply()的使用方法
m0_51349355的博客
07-30 196
call和apply 作用：改变this的指向 语法： .call(对象,参数) 更改对应的this执行 将其对应的this执行 执行参数对象 参数1 (对象) ：更改this指向的对象 参数2 (参数) :当前方法需要的参数 .apply(对象,[1,2,3])更改对应的this执行 将其对应的this执行 执行参数对象 将参数改成数组传递 function Student(name,age){ this.name=name ...
call和apply的使用总结和区别
张木期的博客
06-29 848
一 使用： function log (...args) { console.log(...args) } function log () { console.log.apply(console, arguments) } log(1, 2, 3) log.bind() call() 定义：调用一个对象的一个方法，以另一个对象替换当前对象。 调用call的对象必...
call和apply的使用-基础篇
杨树林er的博客
03-22 1412
在使用call和apply之前，我们需要先做一些知识储备： 一、window对象 window对象是js中的顶层对象，所有全局变量和全局函数都被绑定在了window对象身上，如何证明呢，我们可以先声明一个全局变量和函数，然后来观察window对象。如代码1-1： var a = 10; //全局变量 function abc(){ //全局函数 console.log("Young"); } console.log(window); //此时
call和apply的使用
liuyingv8的博客
06-05 9286
就是想整理一篇关于call和apply的文档，不想编一些什么最近学习的时候遇到问题研究之后想分享给大家之类的理由，就是想写！就是想发！就是想！！！以下是正文>>>>>>>>> 在使用call和apply之前，我们需要先做一些知识储备：一、window对象window对象是js中的顶层对象，所有全局变量和全局函数都被绑定在了window对象身上，...
Javascript中call和apply函数的比较和使用实例
12-11
在JavaScript中，`call()` 和 `apply()` 是两种非常重要的函数调用方式，它们都用于改变函数内部 `this` 的指向。尽管它们的作用相似，但使用方式略有不同。 `call()` 方法允许你调用一个函数，并指定这个函数的 `...
Javascript call和apply区别及使用方法
10-26
### Javascript call和apply区别及使用方法 在JavaScript中，`call`和`apply`方法被用于显式地设定函数体内`this`的值，这是所谓的函数借用（method borrowing）或函数上下文改变（context changing）。它们使得一...
透彻看懂apply()和call()方法，以及一些妙用
叮当的猫猫的博客
11-18 901
一、定义 call 和apply 都是Function对象的原型方法，他们是把特定的函数当做一个方法绑定到指定的对象上进行调用。这两个方法功能用法相同，区别是他们传的参数不同，其中apply()是用数组的方式进行传参，call()则用数值的方式进行传参。 1.Function.apply(obj,args) obj:这是一个对象，将代替Function里面的this对象 args:这是一个数组，他将作为参数传给Function 2.Function.call(obj,value1,value2…) obj:
call和apply的用法
WittyLu的博客
03-13 756
call和apply都是非常常用的方法，本文介绍了他们的相同点、区别以及用法。
call和apply使用说明
BoBoLUI的博客
08-04 252
//定义程序员对象 var programmer = { name: '程序员', programming: function(ablity1,ablity2,ablity3){ console.log(`${this.name}编程`); console.log(`更多技能: ${ablity1}、${ablity2}、${ablity3}、`) } } //定义外卖对象 var delivery = { name: '外卖员', sendFood: function(){ con
JS中的call和apply用法
document_ljt的博客
10-16 528
//基本用法 var a = [1, 2]; function cut(a, b) { console.log(a - b) }; cut.apply(a, [a[0], a[1]]); //-1 cut.call(a, a[0], a[1]) //-1 //实现继承 function add(a, b) { this.a = a; this.b = b; this....
javascript中call()和apply()的用法及区别详解
行者行
03-22 945
想必大家也都了解些植物养殖方面的知识吧。那“嫁接”是如何做的呢？“嫁接”又有什么好处可言呢？那就先来了解一下“嫁接”一词？ 嫁接，即：一种植物的枝或芽，嫁接到另一种植物的茎或根上，使接在一起的两个部分长成一个完整的植株。接上去的枝或芽，叫做接穗，被接的植物体，叫做砧木或台木。嫁接的好处在于：接惠可以利用到自身不有而砧木所具有的有利特性，如：抗寒，抗旱，抗病虫害等。 接下来，言归正传……那java
JS——call()和apply()的用法
AwsuEver
09-23 709
在上一篇文章中我们对js中的this指向问题进行了介绍，其中涉及到call()和apply()方法,在这篇文章中，我们将对call()和apply()进行探讨； 首先我们来说说这两种方法的共同点： 1. 每个函数都包含两个非继承而来的方法：call()方法和apply()方法。 2.这两个方法的作用是一样的。 都是在特定的作用域中调用函数，等于设置函数体内this对象的值，以扩充函数赖以运行...
call和apply用法
鹿杖客的博客
01-15 279
一直都知道call和apply，用的真的很少，今天想起来了，就随便说说吧 1:基本用法 看到call和apply，大家想到的应该都是一句话 改变对象执行的上下文 2：apply和call的用法 其实call和apply的用意简单来说都一样，就是改变this 的指向 这也是他们的相同点 下面看一个具体的demo var person = {     name: 'xiao m
call和apply的用法（详细介绍）
Augustine_Cyq的博客
10-10 516
二、call和apply的用法（详细介绍） js中call和apply都可以实现继承，唯一的一点参数不同，func.call(func1,var1,var2,var3)对应的apply写法为：func.apply(func1,[var1,var2,var3])。 JS手册中对call的解释： 复制代码 代码如下: call 方法  调用一个对象的一个方法，以另一个对象替换当
call和apply的用法以及apply的一些妙用
steven_zj的博客
11-07 1786
简要介绍了apply和call的作用及一些巧妙用法。
js中的call()和apply()的使用
Alive_m的博客
07-04 305
js中call()和apply()的使用
call和apply的使用场景
最新发布
03-24
`call` 和 `apply` 都是 JavaScript 中用于改变函数执行上下文（this 指向）的方法，并立即执行该函数。两者的区别在于传参的方式有所不同。 ### 使用场景 #### 1. **借用方法** - 当我们希望将某个对象上的方法借给另一个对象使用时，可以利用 `call` 或 `apply` 来实现。 ```javascript let obj1 = { name: "Alice" }; function sayHello(greeting) { console.log(greeting + ", my name is " + this.name); } sayHello.call(obj1, "Hello"); // 输出："Hello, my name is Alice" // 如果有多个参数，则适合用 apply sayHello.apply(obj1, ["Hi"]); // 输出："Hi, my name is Alice" ``` 在这里可以看到，`call` 接受的是若干单独的参数；而 `apply` 则接受一个数组作为参数列表。 --- #### 2. **绑定特定的 this 值** - 运行时动态调整函数内的 this 绑定到指定的对象上，在某些复杂的回调环境中非常有用。 例如： ```javascript var array = [1, 2, 3]; Math.max.apply(null, array); // 返回最大值 3 Math.min.apply(null, array); // 返回最小值 1 ``` 这里通过 `apply` 将 Math 对象的最大、最小计算应用到了具体的数组实例中。 --- #### 3. **偏函数 (Partial Functions)** 构造 有时需要基于现有函数生成新版本的功能更窄化的变体，比如固定部分输入变量创建一个新的函数等操作都可以借助这两个工具完成。 示例代码略... --- 最后提醒一点就是性能方面考虑：由于每次调用都会创建新的作用域以及涉及到额外开销，所以如果不是特别必要的话尽量避免滥用它们！
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值