call()、apply()、bind()用法跟区别

已于 2022-06-21 14:20:35 修改
阅读量695 收藏
点赞数
文章标签： javascript
于 2022-04-15 18:36:02 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xiao_zhu_ting_feng/article/details/124199576
版权
本文详细介绍了JavaScript中的call(), apply(), bind()方法，重点讨论了this的动态绑定特性。通过实例展示了如何使用这些方法改变函数的上下文并传递参数。call()和apply()主要区别在于参数传递方式，bind()则用于创建新函数并固定this值。了解这些方法对于深入理解JavaScript的函数调用机制至关重要。
摘要由CSDN通过智能技术生成

目录

call()

apply()

bind()

名词解释来源MDN

  • call()

call() 方法使用一个指定的 this 值和单独给出的一个或多个参数来调用一个函数。

首先需要搞明白，this的概念

与其他语言相比，函数的 this 关键字在 JavaScript 中的表现略有不同，此外，在严格模式和非严格模式之间也会有一些差别。

在绝大多数情况下，函数的调用方式决定了 this 的值（运行时绑定）。this 不能在执行期间被赋值，并且在每次函数被调用时 this 的值也可能会不同。ES5 引入了 bind 方法来设置函数的 this 值，而不用考虑函数如何被调用的。ES2015 引入了箭头函数，箭头函数不提供自身的 this 绑定（this 的值将保持为闭合词法上下文的值）

在控制台中打印this

 此时我们知道，this指向window：this==window,this可以使用window的所有方法

解释：定义了一个对象a,定义了一个Person方法，使用Person.call(a,"boy",20)调用Person()方法，并且赋值，由此可见，a就是要改变this指向的那个对象，后面两个是所传的参数。此时我们可以对比下this打印的值来做出判断

 未使用call()之前的

 使用call()之后

 此时的this==a

  • apply()

apply() 方法调用一个具有给定this值的函数，以及以一个数组（或类数组对象）的形式提供的参数。

 call()方法的作用和 apply() 方法类似，区别就是call()方法接受的是参数列表，而apply()方法接受的是一个参数数组。

  • bind(）

bind() 方法创建一个新的函数，在 bind() 被调用时，这个新函数的 this 被指定为 bind() 的第一个参数，而其余参数将作为新函数的参数，供调用时使用

shewlong
关注
call apply bind 用法与区别
Superman_peng的博客
06-07 253
用法 call 执行 call 方法时： 1.首先把要操作的函数中的this关键字变为call方法第一个传递的实参 2.把call方法第二个及之后的实参获取到 3.把要操作的函数执行，并且把第二个以后传递进来的实参传递给函数 fn.call(obj, param1, param2, ...) 关于传参 function func (a,b,c) {} func.call(obj, 1,2,3) // func 接收到的参数实际上是 1,2,3 func.call(obj, [1,2,3]) // fu
深入理解JavaScript中的call、apply、bind方法的区别
10-22
总结来说，call、apply和bind方法都是用来改变函数调用时的this值，但call和apply会立即执行函数，而bind方法则是返回一个新的函数，我们可以稍后执行它。apply和call唯一的区别在于参数的传递方式：apply接受一个...
Javascript中call，apply，bind方法的详解与总结
10-20
本文主要Javascript中call，apply，bind方法的进行全面分析，并在文章结尾对call，apply，bind方法的联系和区别做了总结，具有很好的参考价值，需要的朋友一起来看下吧
call()，apply()，bind()的区别
豆奶的博客
04-05 315
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 中 call()、apply()、bind() 的用法
web全栈开发的博客
09-28 416
三者均可以改变函数体内部this的指向。第一个参数都是 this 的指向对象，如果没有这个参数或参数为undefined或null，则this指向全局的window。传参的形式不同，apply的参数要放在数组中传入，call的参数是列表形式（以逗号分割），bind的参数可以是列表形式也可以是数组形式，apply和call是一次性传入，而bind可以分多次传入bind返回的是有指定的this值和初始参数的原函数拷贝，便于稍后调用，apply、call则是立即调用。
call()、apply()、bind()的用法及区别
豆。的博客
02-05 666
call()、apply()、bind()的用法及区别
call() apply() 和 bind()
yf18040578780的博客
04-28 116
call bind apply 改变函数中的this //函数是一个对象 varfn=newFunction(); functionfn(){}; //证明fn是Function的实例(对象) console.log(fn.__proto__===Function.prototype); //true console.dir(fn); functionfn(x,y){ console.log(this); console.log(x+y);...
开启Javascript中apply、call、bind的用法之旅模式
10-23
为了控制函数的this指向，JavaScript提供了apply、call以及bind方法。以下详细解释了apply、call以及bind的用法，并通过实例加深理解。 1. apply()和call()方法 apply()和call()方法都用于指定函数体内this的值。...
javascript中apply、call和bind的使用区别
11-28
在JavaScript中，`apply()`, `call()`, 和 `bind()` 都是用来操作函数的上下文，即改变函数内部 `this` 指向的方法。它们有三个共同点：第一，它们都能改变函数执行时的 `this` 值；第二，第一个参数都是指定的新 `...
js的call()、apply()、bind()
ydeway的博客
08-02 95
Function.prototype.call() call的第一个参数为一个对象，如果为primitive类型，则会自动转为该类型对应的包装类型。若为null、空、undefined则传入全局对象。 call将该方法内部的this关键字指向第一个参数指定的对象并执行，也就是改变函数执行的作用域，call还可接第二个及多个参数，代表传入当前函数的参数。 Function.prototype....
使用 call() 、apply() 和 bind()
Mark
11-08 263
目录 1、call() 和 apply() 2、使用 bind() 3、call()、apply() 和 bind() 的区别 1、call() 和 apply() call() 和 apply() 是 Function 对象的原型方法，它们能够将特定函数当作一个方法绑定到指定对象上并进行调用。具体用法如下： function.call(thisobj,...args); funct...
函数的四种调用模式以及call()apply()和bind()
qq_44704740的博客
11-10 474
函数的四种调用模式 根据函数内部this的指向不同，可以将函数的调用模式分成4种 函数调用模式 方法调用模式 构造函数调用模式 上下文调用模式（借用方法模式） 函数：当一个函数不是一个对象的属性时，我们称之为函数。 方法：当一个函数被保存为对象的一个属性时，我们称之为方法。 函数调用模式 如果一个函数不是一个对象的属性时，就是被当做一个函数来进行调用的。此时this指向了window f...
简单理解call(),apply(),bind()使用
我的技术博客
01-09 442
关于call(),apply(),bind()之前学习全靠死记硬背,当然时间长不用就忘了,又得重新找博客学习.造成这种学了忘,忘了再学的主要问题还是没有理解. 先看看这三种方法的区别: 1. 返回值不同: call,apply 返回函数执行的结果; bind 返回的是没有执行的函数,需要手动调用 传递的参数不同: apply 的参数要求是一个数组 call 的参数则是一个个元素
实现call()、apply()、bind()
hahabboom的博客
04-24 141
关于call()、apply() 概念：允许为不同的对象分配和调用属于一个对象的函数/方法 - 他们作用相同，只是传的参数不同（apply接收的是函数运行的作用域this，以及一个参数数组；而call却是将数组列举出来） 实现apply方法： 其实模拟的步骤也就是三步： 将函数设为对象的属性 执行该函数 删除该函数 实现如下： Function.prototype.my_apply ...
call()、apply()、bind()的区别
DWX_top的博客
08-13 225
call()、apply()这个两个都是函数对象的方法、需要通过函数对象调用。当对函数调用call()和apply()、都会调用函数执行。以构造函数的形式调用、this就是新创建的那个对象。以函数形式调用时、this永远都是window。以方法的形式调用时、this是调用方法的对象。...
call()、apply()、bind() 区别及用法
yxl123546的博客
10-28 476
call()、apply()、bind()都是Function的prototype中的方法，只有函数才能调用，相应的方法参数如下： function.call(thisArg, arg1, arg2, ...) function.apply(thisArg, [argsArray]) function.bind(thisArg[, arg1[, arg2[, ...]]]) 主要区别有两个： 1）、call()方法、bind()方法接受的是参数列表，而apply()方法接受的是一个参数数组； 2）
call()、apply()、bind() 区别、使用场景、实现方式
Lyrelion的博客
11-19 2313
call()、apply()、bind() 区别、使用场景、实现方式
JavaScript 中 call()、apply()、bind() 的用法
u010227042的博客
03-09 152
其实是一个很简单的东西，认真看十分钟就从一脸懵B 到完全 理解！ 先看明白下面： 例 1 obj.objAge; // 17 obj.myFun() // 小张年龄 undefined 例 2 shows() // 盲僧　 比较一下这两者 this 的差别，第一个打印里面的 this 指向 obj，第二个全局声明的 shows() 函数 this 是 window ； 1，call()、apply()、bind() 都是用来重定义 this 这个对象的！ 如： ob
JS中call()、apply()、bind()的用法和区别
tomy123456123456的博客
08-16 1350
在JavaScript中，call、apply和bind是Function对象自带的三个方法，这三个方法的主要作用是改变函数中的this指向。 一、方法定义 call方法： 语法：call([thisObj[,arg1[, arg2[, [,.argN]]]]]) 定义：调用一个对象的一个方法，以另一个对象替换当前对象。 说明： call 方法可以用来代替另一个对象调用一个方法。call...
call apply bind 有什么区别
最新发布
05-31
`call()`、`apply()` 和 `bind()` 都是 JavaScript 中用来改变函数执行上下文的方法，它们之间的区别如下： 1. `call()` 和 `apply()` 都可以用来改变函数的执行上下文（即 `this` 指向），并立即执行该函数。它们...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值