javascript中 call、apply和bind的异同点

最新推荐文章于 2024-10-01 20:12:28 发布
最新推荐文章于 2024-10-01 20:12:28 发布
阅读量132 收藏
点赞数
分类专栏： Javascript 文章标签： javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/tianchoy/article/details/129385326
版权
call和apply都能改变函数内部的this指向并立即执行函数，call接受多个参数，apply需以数组形式传参。bind则只设置this而不调用。call常用于继承，apply常处理数组如找最大值最小值，bind用于预设this，如定时器。
摘要由CSDN通过智能技术生成

相同点: 都可以改变函数内部的this指向

区别点:
1.call和 apply 会调用函数并且改变函数内部this指向
2.call和apply传递的参数不一样,call传递参数 aru1,aru2.形式 apply必须数组形式[arg]3. bind 不会调用函数,可以改变函数内部this指向.

主要应用场景
1.call 经常做继承.
2. apply经常跟数组有关系.比如借助于数学对象实现数组最大值最小值3.bind 不调用函数,但是还想改变this指向.比如改变定时器内部的this指向

乙火
关注
专栏目录
JavaScript中call、apply、bind详解及手写实现
to_the_Future的博客
03-31 1462
首先，我们都知道JavaScript中的this指向分为软绑定及硬绑定。并且this的指向与执行上下文有关系。在全局执行上下文中，this指向 全局对象（），在对象调用其内部方法时，this指向调用的地方，这就称为。那么如何使用呢？这就需要使用JavaScript中内置的方法来实现了。
call、apply、bind的异同点
qq_64454072的博客
04-24 621
call()、apply()、bind()的作用？ 动态的修改函数内部的this指向。 1.call()语法 函数名.call(修改后的this,形参1,形参2...) 修改后this指向这个对象张三，传参的形式是一个一个传的。 2.apply()语法 函数名.apply(修改后的this,数组/伪数组) 修改后的this指向这个对象李四，apply会自动帮忙遍历数组然后按照顺序进行传参。 3.bind()语法 函数名.bind(修改后的this) 修改后的...
call、apply、bind三者的异同
weixin_62063529的博客
02-15 689
call、apply、bind
call、apply和bind的区别
热门推荐
hmxs_hmbb的博客
05-04 1万+
面试会经常被问到哦！！！！！
call、apply、bind的异同
weixin_48128080的博客
04-02 286
js中有三种方法可以改变this的指向 call 1.call的第一个可以调用函数，第二个可以改变函数内的this指向 2.call的主要作用可以实现继承 fun.call(thisVar,var1,var2,...) apply 参数必须是数组 fun.apply(thisVar,[varArray]) thisVar是在fun函数运行时指定的this值 varArray是传递的值，必须包含在数组里搬 返回值就是函数的返回值 fun.bind(thisVar,var1,var2
call,apply,bind异同点区别及应用总结
weixin_52443895的博客
06-24 181
近日复习JS看到这三个方法多方查阅资料进行了一些简单总结如下： （1）相同点：都可以改变函数内部的this指向 （2）区别点： 1.call和apply会调用函数，并且改变函数内部this指向 2.call和apply传递的参数不一样，call传递参数以aru1，aru2…形式，apply必须以数组的形式[arg] 3.bind不会调用函数，可以改变函数内部this指向 （3）主要应用场景： 1.call经常做继承 2.apply经常跟数组有关系，比如借助与数学对象实现数组max、min 3.bind
Call、apply、bind三者的异同：
Coder_Xy的博客
07-21 352
Call和apply传递的参数不一样，call传递参数使用逗号隔开，apply使用数组传递。Bind不会调用函数，但还可以改变this指向，比如改变定时器内部this指向。不同点call和apply会调用函数，并且改变函数内部this指向。Bind不会调用函数，可以改变函数内部this的指向。Apply经常根数组有关，比如借助数学对象实现数组最大值最小值。共同点都可以改变this的指向。...
JavaScript call、apply、bind详解与异同
sssssnmmm的博客
03-12 86
A、call() 函数中的第一个参数表示：想让 this 指向的对象 (obj)；B、call() 函数中的第二及以后参数表示：传进去的实参；
call apply bind的异同和用处
weixin_45925906的博客
03-23 110
改变函数this指向的方法 call apply bind call方法 call方法可以进行函数的调用，同时也可以改变this的指向，传递参数的方法为直接传递。 示例代码： 函数调用 function test(){ console.log("测试代码"); } test.call() 改变this指向 var o={ name:"123" } function fn(){
实例讲解JavaScript中call、apply、bind方法的异同
10-21
总结来说，`call()`、`apply()`和`bind()`是JavaScript中非常实用的功能，它们允许开发者精细控制函数执行时`this`的指向，从而可以更加灵活地使用函数和构造器。通过掌握这些方法，可以解决许多涉及`this`指向的...
JavaScript中的apply()方法和call()方法使用介绍
10-28
除了apply()和call()之外，JavaScript中还有一个类似的bind()方法，用于创建一个新的函数，这个新函数在调用时绑定到bind()方法提供的this值上。 首先，我们需要了解apply()和call()方法的定义和它们的异同。apply...
JavaScript中call与apply的区别
流楚丶格念的博客
01-27 3543
文章目录一 使用：二 异同三 两个方法该如何选择？ 一 使用： function log (...args) { console.log(...args) } function log () { console.log.apply(console, arguments) } log(1, 2, 3) log.bind() call() 定义：调用一个对象的一个方法，以另一个对象替换当前对象。 调用call的对象必须是个函数function call
如何搭建Vue脚手架
w6437286的博客
09-26 485
本文主要讲解如何搭建vue脚手架。
JavaScript ArrayBuffer的读写与类型转换
白瑕 的博客
10-01 247
所有视图的基本单位是ArrayBuffer, ArrayBuffer中只存储二进制格式的数据.ArrayBuffer不可直接读写, 必须通过视图(比如DataView)暴露的API.
沂机管理系统/data/Ajax.aspx接口存在SQL注入漏洞
最新发布
2301_77012231的博客
10-01 202
沂机管理系统/data/Ajax.aspx接口存在SQL注入漏洞，攻击者可以获取服务器权限。bp 报错泄露绝对路径。sqlmap确认有漏洞。
Vue实战教程：如何用JS封装一个可复用的Loading组件
Jiaberrr的博客
09-28 465
通过以上步骤，我们成功在Vue项目中封装了一个可复用的Loading组件。在实际开发中，我们可以根据项目需求对Loading组件进行样式和功能的扩展，使其更加完善。封装组件是提高代码复用性和维护性的有效手段，希望本文能对你有所帮助。
深入理解 Nuxt.js 中的 app:data:refresh 钩子
09-29 1286
钩子在数据被刷新时触发，可以选择性地传入要刷新的键名（keys）。这为开发者提供了一个灵活的机制来响应数据变化，并进行必要的更新。Nuxt.js 中的钩子的用途及其实现方法。这个钩子为开发者提供了一种灵活的方式来处理数据的更新，从而优化应用的响应性和用户体验。
前端规范工程-2：JS代码规范（Prettier + ESLint）
Vinca@的博客
09-26 763
Prettier 主要关注代码的格式，而 ESLint 则关注代码的质量和规范。结合使用这两个工具，可以极大地提高代码的可读性和维护性，同时减少潜在的错误和不一致性。
JavaScript call, apply, bind 深度解析与实战示例
在JavaScript中，`call`、`apply`和`bind`是三个非常重要的方法，它们都允许我们改变函数内部`this`的指向，从而实现函数的灵活调用。这三个方法都是从`Function.prototype`对象继承而来的，意味着几乎所有的函数...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值