js中call、apply和bind函数的使用和区别

已于 2023-01-19 09:38:21 修改
阅读量112 收藏
点赞数
文章标签： 前端 javascript Powered by 金山文档
于 2023-01-19 09:16:00 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_53716093/article/details/128732388
版权

1.call函数的使用

call函数调用形式：call函数【第一个参数：this的指向，参数的传递形式需要一个个传】

输出结果

2.apply函数的使用

apply函数调用形式【第一个参数：this的指向，参数的传递形式是数组】

输出结果

3.bind函数的使用

bind函数调用形式【第一个参数：this的指向，参数的传递形式需要一个个传】

输出结果

总结：(1)相同：call、apply和bind函数都可以改变this指向，各函数的第一个参数都是传入你要修改this的对象。call函数和bind函数的第二个或者其他参数都是需要一个一个传。(2)不同点：call、bind函数和apply函数的传值传入形式不一样，call、bind函数的传值是一个一个传入，apply函数值的传入只能通过数组的形式传送。

CODE-YL
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JS中的call、apply、bind方法详解
weixin_34184158的博客
08-16 619
bind 是返回对应函数，便于稍后调用；apply 、call 则是立即调用 。 apply、call 在 javascript 中，call 和 apply 都是为了改变某个函数运行时的上下文（context）而存在的，换句话说，就是为了改变函数体内部 this 的指向。JavaScript 的一大特点是，函数存在「定义时上下文」和「运行时上下文」以及「上下文是可以改变的」这样的概念。 ...
js中call,apply ,bind三者之间的区别与联系
qq_61856312的博客
08-15 165
新人上路，批评指正！
JS中的call、apply、bind方法的详解
qq_42880714的博客
02-20 1127
一、定义 每个函数都包含两个非继承而来的方法：call() 方法和 apply() 方法 在 javascript 中，call 和 apply 都是为了改变某个函数运行时的上下文（context）而存在的，一般来说，this总是指向调用某个方法的对象，但是使用call()和apply()方法时，就会改变this的指向 语法： apply() 接收两个参数，一个是函数运行的作用域（this），另一...
js中call、apply、bind的区别，附加详细的例子，一看就会
zyf_baby的博客
09-06 5211
在JS中，这三者都是用来改变函数的this对象的指向的，他们有什么样的区别呢。 在说区别之前还是先总结一下三者的相似之处： 1、都是用来改变函数的this对象的指向的。 2、第一个参数都是this要指向的对象。 3、都可以利用后续参数传参。 二、apply、call和bind的区别1 var xw = { name: "小王", gender: "男", age: 24, say: function() { console.log(this.name + "
js中call、apply和bind到底有什么区别？
烟雨星空的博客
11-20 1282
介绍 在js中，每个函数的原型都指向Function.prototype对象（js基于原型链的继承）。因此，每个函数都会有apply，call，和bind方法，这些方法继承于Function。它们的作用是一样的，都是用来改变函数中this的指向。 使用方法 apply的用法可以表示如下：A.apply(B, [x, y, z]);此方法可以改变函数A的this指向，使之指向函数B。第二个参数传的是...
javascript中call,apply,bind函数用法示例
10-20
主要介绍了javascript中call,apply,bind函数用法,结合实例形式分析了call,apply,bind函数的功能、使用方法与相关注意事项,需要的朋友可以参考下
javascript中apply、call和bind的使用区别
11-28
在JS中，这三者都是用来改变函数的this对象的指向的，他们有什么样的区别呢。 在说区别之前还是先总结一下三者的相似之处： 1、都是用来改变函数的this对象的指向的。 2、第一个参数都是this要指向的对象。 3、都...
浅谈JavaScript中的apply/call/bind和this的使用
10-20
apply/call/bind三者的联系就在于，都可以用来改变函数中 this 指向的值，且第一个参数为要指向的 this 的值，apply的第二个参数（或 bind 与 call 的不定参数）为要传入的参数。这就不得不提及 javascript 中函数的...
js代码-JavaScript的call/apply/bind函数实现
07-15
js代码-JavaScript的call/apply/bind函数实现
JS中call、apply、bind的区别
m0_49266584的博客
11-24 632
call()、apply()、bind()这三个方法都是改变this的指向。 先说一下这三种有什么区别 call(this的值，参数1,参数2)； apply(this的值，[参数1,参数2])； bind不会调用指定函数，它会把一个函数作为一个返回值返回出来，它不是一个立即执行函数。 call和apply的传参方式不一样。apply把需要传递给函数的参数放到一个数组（或者类数组）中传递进去，虽然写的是一个数组，但是也相当于给函数一个个的传递。 举个例子： fn.call(obj, 1, 2); fn.ap
js中call，apply和bind方法的区别和使用场景
，
12-21 567
call(),apply(),bind() Function.prototype.call() functionFun.call(thisArg, arg1, arg2, ...) 用法： ​ 用来在调用函数时，临时替换一次函数内部的this。 参数： ​ thisArg：调用时用来替换函数内部的this值。 ​ arg1, arg2, …：指定的参数列表。 返回值： ​ 使用调用者提供的 this 值和参数调用该函数的返回值。若该方法没有返回值，则返回 undefined 案例： //全局有一个计算器方
js中call、apply、bind的用法及区别
冰雪为融的博客
05-02 488
call、apply和bind：三者作用一致（都是改变函数的this指向），只是使用的方法不同而已。apply 、 call 、bind 三者都是用来改变函数的this对象的指向的；apply 、 call 、bind 三者第一个参数都是this要指向的对象，也就是想指定的上下文；apply 、 call 、bind 三者都可以利用后续参数传参；bind 是返回对应函数，便于稍后调用；apply ...
js中call,apply,bind三者有什么区别？
qq_29705009的博客
01-15 508
js中call,apply,bind三者有什么区别？
js---call、apply和bind的区别
weixin_43452154的博客
03-21 507
1、call、apply和bind都是改变this的指向2、call为同步代码，传参一一传入，第一个参数为this的指向。apply为同步代码，只能传两个参数，第一个为this指向，第二个为数组。bind为异步代码，传参一一传入，第一个参数为this的指向，区别是返回值为函数，想要立马执行函数，加上（）。
js中apply、call、bind三者的用法与区别
qq_41028725的博客
08-18 194
1.call，apply，bind的定义 apply：调用一个对象的一个方法，用另一个对象替换当前对象。例如：B.apply(A, arguments);即A对象应用B对象的方法。 call：调用一个对象的一个方法，用另一个对象替换当前对象。例如：B.call(A, args1,args2);即A对象调用B对象的方法。 bind：创建一个新的函数（称为绑定函数）, 当被调用时，将其this关键字设...
Js中的apply、call和bind方法的区别
最新发布
He_9a9的博客
08-26 706
Js中的apply、call和bind方法的区别
JavaScript——call、apply和bind方法的用法以及区别
热门推荐
yangwei2048的博客
11-24 1万+
call、apply和bind方法的用法以及区别   call、apply、bind的作用是改变函数运行时this的指向，所以先说清楚this 1、方法调用模式：   当一个函数被保存为对象的一个方法时，如果调用表达式包含一个提取属性的动作，那么他就是被当做一个方法来调用，此时的this被绑定到这个对象。例如 var a = 1; var obj = { a: 2, ...
js的call()、apply()、bind()解析
qq_44308109的博客
05-26 3995
一、call()、apply()、bind()的异同 call()、apply()、bind()都是用于改变this指向的方法，不同点参数定义不太相同 call（）是接收一个及其以上的参数，第一个参数表示this要指向的对象，其余参数表示 Array.prototype.slice.call() 实现将一个具有length属性的对象转化为数组 Array：数组的构造函数（数组类） prototype: 原型对象（构造函数的一个属性）； slice： 是一个数组方法，他用于截取数组。两个参数一个表示截取开始位
Js中的apply、call和bind方法
weixin_45693198的博客
09-21 2499
背景 JS中有一个关键概念叫做执行上下文，也就是JavaScript 代码被解析和执行时的环境。执行上下文有三种类型：全局执行上下文、函数执行上下文和Eval 函数执行上下文。在执行上下文的创建阶段，会确定当前执行上下文中this指针的指向。 而call，apply，bind的作用，就是改变函数执行时的上下文，即改变函数内部的this指向。 Apply，Call 参考资料 ...
js中call和apply和bind区别
03-17
JavaScript 中的 call 和 apply 和 bind 是 JavaScript 中的函数对象的三个方法。它们的主要作用是改变函数的调用对象。 call: - 与 apply 类似，都是在特定的作用域中调用函数 - 但是传入参数的形式不同，call 是...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值