call() 和 apply() 的作用与区别

最新推荐文章于 2022-02-10 13:57:20 发布
最新推荐文章于 2022-02-10 13:57:20 发布
阅读量555 收藏 1
点赞数
分类专栏： JavaScript 文章标签： call() apply() js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42186513/article/details/83308264
版权

call() 和 apply()

简单来说，call() 和 apply() 的作用就是改变 this 的指向，区别就是传参列表不同。

猫吃鱼，狗吃肉，奥特曼打小怪兽
有一天，狗想吃鱼了
猫.吃鱼.call(狗，鱼)
狗就吃到鱼了
猫成精了，想打怪兽
奥特曼.打怪兽.call(猫，小怪兽)

objA.call(objB, arg1, arg2, ...)
objA.apply(objB, [arg1, arg2, ...])

两者都是把 objA 绑定到 objB 上，这个时候 objB 就有了 objA 的属性和方法，或者说 objB 继承了 objA 的属性和方法

用 js 实现 call() 和 apply()

…待完成

lalalalala～
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
详解js中call与apply关键字的作用
10-21
本文主要介绍js中call与apply关键字的作用以及它们的用法,具体实例如下,希望对大家有所帮助
JavaScript中call和apply方法的区别实例分析
12-12
本文实例分析了JavaScript中call和apply方法的区别。分享给大家供大家参考，具体如下： 这两个方法不经常用，但是在某些特殊场合中是非常有用的，下面主要说下它们的区别： 1、首先，JavaScript是一门面向对象的语言...
call（）与apply（）的作用及区别
ayushu的博客
07-16 262
js函数中call()与apply()的区别： 这两个方法都是函数对象的方法，需要通过函数对象来调用 当对函数调用call()和apply()都会调用函数执行。 在调用call()和apply()可以将一个对象指定为第一个参数。此时这个对象将会成为函数执行的this。 <!DOCTYPE html> <html> <head> ...
call()和apply()的作用和区别
wangweiscsdn的博客
06-18 443
1.作用 在特定的作用域总调用函数，等于设置函数体内this对象的值，以扩充函数赖以运行的作用域。 2.区别 接收参数的方式不同： 对于call（），第一个参数是运行函数的作用域，其余参数都直接传递给函数即传递给函数的参数必须逐个列举出来。 对于apply（），第一个参数是 运行函数的作用域 ，另一个参数是参数数组,可以是Array实例或arguments对象。 A
call()和apply()区别及作用
hr226的博客
07-04 355
作用都是在函数执行的时候，动态改变函数的运行环境（执行上下文）。 call和apply的第一个参数都是改变运行环境的对象。 区别： call从第二个参数开始，每一个参数会依次传递给调用函数；apply的第二个参数是数组，数组的每一个成员会依次传递给调用函数。 如： func.call(func1,var1,var2,var3) func.apply(func1,[var1,var2,var3]) ...
JS中 call和apply的区别和作用
weixin_30237281的博客
09-19 81
Javascript的每个Function对象中有一个apply方法： function.apply([thisObj[,argArray]]) 还有一个类似功能的call方法： function.call([thisObj[,arg1[, arg2[, [,.argN]]]]]) 它们各自的定义： apply：应用某一对象的一个方法，用另一个对象替换当前对象。 cal...
call和apply的区别、作用
qq_36195950的博客
08-06 617
call和apply用来调用函数，并用指定对象（第一个参数）替换函数的 this 值，同时用指定数组替换函数的参数。注：也可以不指定参数，此时只是单纯的调用函数，如：fun.call() 语法： 　　fun.call(thisobj,arg1,arg2) ;当后面参数个数确定时用call,参数之间用逗号连接 　　fun.apply(thisobj,[arg1,arg2])；当后面参数个数不确...
javascript中apply和call方法的作用及区别说明
12-10
一、call和apply的说明 1、call，apply都属于Function.prototype的一个方法，它是JavaScript引擎内在实现的，因为属于Function.prototype，所以每个Function对象实例(就是每个方法)都有call，apply属性。既然作为...
javascript中call和apply方法浅谈
10-26
我们可以将call和apply看做是某个对象的方法，通过调用方法的形式来间接调用函数
call()与apply()的区别
~~~~~~~~~~~~~~~~~
09-16 318
<!-- function Obj(){ this.value = "对象！"; } var value = "global 变量"; function Fun1(){
call与apply的作用与区别
qq_54250695的博客
02-10 1451
function fun(){ alert("我是fun函数"); } fun.apply(); function fun(){ alert(this) } fun(); 函数的形式调用this为windows fun.call(obj) //fun.apply(obj) this为object对象，所以在调用call()和apply(),可以将一个对象指定为第一个参数，此时这个对象将会编程这个函数执行时的this 举个例...
call（）与apply（）的作用与区别
weixin_44090040的博客
06-22 1705
1. 概念 每个函数都包含两个非继承而来的方法：apply()和call()。 call与apply都属于Function.prototype的一个方法，所以每个function实例都有call、apply属性； 2. 作用 call（）方法和apply（）方法的作用相同：改变this指向。 3. 区别 他们的区别在于接收参数的方式不同： call（）：第一个参数是this值没有变化，变化的是其余参数都直接传递给函数。在使用call（）方法时，传递给函数的参数必须逐个列举出来。 apply（）：传
call和apply的区别和作用
Teamig的博客
12-04 390
call和apply的区别和作用 这是一道比较常见的一道面试题，当然理解了之后更加对this这一块有益。 call()、apply()的区别: 相同点： 1.call()和apply()都可以用来间接调用函数，都可以显式调用所需的this。即，任何函数可以作为任何对象的方法来调用。 2.两个方法都可以指定调用实参。 区别： call()和apply()的基本区别：在于将参数传递给函数。 call(...
call()、apply()、bind()函数的区别和用法
qq_41261490的博客
10-21 993
javaScript权威指南上的解释是： call() 、apply()可以看作是某个对象的方法，通过调用方法的形式来间接调用函数。bind() 就是将某个函数绑定到某个对象上。 关于call() 和 apply() 在犀牛书上的解释可能比较生涩难懂，我的理解就是，它们的作用是： 让函数在某个指定的对象下执行。 例： var obj = {x: 1} function foo() {co...
call和apply的区别
keep789的博客
09-18 423
call()和apply()这两个方法最基本的作用就是：改变对象的执行上下文，即this的指向。 两者的异同 相同点：都能够改变方法的执行上下文（执行环境），将一个对象的方法交给另一个对象来执行，并且是立即执行。 不同点：传参不同，call的参数是单个的值，apply参数是数组 call方法从第二个参数开始可以接收任意个参数，每个参数会映射到相应位置的func的参数上，可以通过参数名调用，...
call和apply的作用和区别
最新发布
05-05
`call()` 和 `apply()` 都是 JavaScript 中用于调用函数的方法，它们的作用是改变函数运行时的 `this` 指向。 它们的区别在于传参的形式不同： `call()` 方法的第一个参数是要绑定给函数的 `this` 值，后面的参数是传递给函数的参数，可以是一个列表，也可以是单个参数。 例如： ```javascript function greet(name) { console.log(`Hello, ${name}! My name is ${this.name}.`); } const person = { name: 'John' }; greet.call(person, 'Alice'); // Output: Hello, Alice! My name is John. ``` 在这个例子中，我们使用 `call()` 方法将 `greet()` 函数中的 `this` 绑定到 `person` 对象，并传递了一个参数 `'Alice'`。 `apply()` 方法的第一个参数也是要绑定给函数的 `this` 值，但是后面的参数必须是一个数组或类数组对象。 例如： ```javascript function sum(a, b, c) { return a + b + c; } const numbers = [1, 2, 3]; const result = sum.apply(null, numbers); console.log(result); // Output: 6 ``` 在这个例子中，我们使用 `apply()` 方法将 `sum()` 函数中的 `this` 绑定到 `null`，并传递了一个数组 `[1, 2, 3]`。 总的来说，`call()` 和 `apply()` 的作用是相同的，区别在于传参的形式。在实际使用中，可以根据具体需要选择使用哪种方法。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值