apply和call和bind的区别 改变this指向

最新推荐文章于 2025-02-05 16:57:10 发布
原创 最新推荐文章于 2025-02-05 16:57:10 发布 · 106 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

博客聚焦于apply、call和bind的区别，重点围绕它们改变this指向的功能展开。这三个方法在JavaScript中常用于调整函数执行时的上下文，理解它们的差异对前端开发至关重要。

木 zi 萌
关注
JS中改变this指向的方法(call和apply、bind)
10-22
总结来说，`call`、`apply`和`bind`都是用来改变`this`上下文的关键工具。`call`和`apply`用于立即执行函数，而`bind`则用于创建一个新函数，其`this`值被预设。了解和掌握这些方法对于深入理解JavaScript的面向对象...
精选资源
this指向 箭头函数中的this call、apply和bind方法的用法以及区别
01-08
thisthis 指向看看箭头函数的案例call、apply和bind方法的用法以及区别来几个面试题试试 this 指向 1.普通函数的this：指向它的调用者，如果没有调用者则默认指向window. 2.箭头函数的this: 指向箭头函数定义时所处...
call，apply，bind改变this指向
Little_ChenH的博客
03-08 608
推荐非常浅显易懂的一片文章，搭配代码实例，易于理解！this与call… 首先我们先要明确一点： this 永远指向最后调用它的那个对象！！！ 然后我们在看看这三种方法的异同： 1. call()主动执行，第一个参数为this要指向的对象，函数执行需要的实参依次写在后面。 2. apply()主动执行，第一个参数为this要指向的对象，第二参数为一个数组(类数组)，数组里包含所有实参...
this指向及apply、call、bind修改this指向
DarkerSP的博客
10-14 320
apply() 方法调用一个函数, 其具有一个指定的this值，以及作为一个数组（或类似数组的对象）提供的参数
call、apply、bind函数在改变函数运行时this的指向问题的区别
前端-尔嵘
07-05 2912
首先，call、apply、bind都可以改变函数运行时this的指向问题 <script> var value = "王1"; var obj = { value: "开2", friend: { value: "贵3", sayHi: function () { console.log(this.value); } } }; obj.friend.sayH...
call,apply,bind改变this指向及实现原理
我是我
06-17 723
1.使用方法 一个小例子，解释call,apply,bind的使用 var value = '外面的值' function consoleLogVal(x,y){ console.log(this,"this指向") console.log(this.value) console.log(`x:${x},y:${y}`) } var callObj = { value:'callObj' } var bindObj = { value:'bindObj' } var
通过call、apply、bind去改变函数的this指向以及this指向详解
小福气的博客
08-12 620
一、this指向详解 this的指向在函数定义的时候是确定不了的，只有函数执行的时候才能确定this到底指向谁，实际上this的最终指向的是那个调用它的对象（这句话不那么严谨，作为一般情况下是可以的） 再加下面的补充，就完美啦： 情况1：如果一个函数中有this，但是它没有被上一级的对象所调用，那么this指向的就是window，这里需要说明的是在js的严格版中this指向的不是window，但是我们这里不探讨严格版的问题(在严格版中的默认的this不再是window，而是undefined。)
JavaScript改变this指向apply、call和bind方法
weixin_45576567的博客
10-23 258
文章目录apply方法call方法bind方法 apply方法 apply方法用于改变this的指向 apply的使用语法： 函数名字.apply(对象,[参数1,参数2,...]); 方法名字.apply(对象,[参数1,参数2,...]); apply方法是以数组的方式传递参数 // 获取按钮 var btn=document.querySelectorAll(".btn"); //...
bind、call、apply 改变this指向的区别
qq_42101569的博客
08-24 249
三者都可以改变函数的this对象指向 三者第一个参数都是this要指向的对象，如果如果没有这个参数或参数为undefined或null，则默认指向全局window 三者都可以传参，但是apply是数组，而call是参数列表，且apply和call是一次性传入参数，而bind可以分为多次传入 bind是返回绑定this之后的函数，apply、call则是立即执行
改变this指向、call、apply、bind之间的区别
2301_80983231的博客
02-05 318
call方法能够在调用函数的同时指定this的值使用call方法调用函数时，第1个参数为this指定的值call方法的其余参数会依次自动传入函数做为函数的参数。
call，apply，bind方法改变this指向的原理
mister、奎
07-01 742
Function.prototype.myCall=function myCall(obj,...ary){ // this指向调用myCall的函数 =》fn.myCall(obj,...ary) =》 myCall中的this指向fn函数 obj.fn=this; // 将this挂到obj的属性上,然后使用obj.fn(...ary)执行f...
javascript中apply、call和bind的使用区别
11-28
在JavaScript中，`apply()`, `call()`, 和 `bind()` 都是用来操作函数的上下文，即改变函数内部 `this` 指向的方法。它们有三个共同点：第一，它们都能改变函数执行时的 `this` 值；第二，第一个参数都是指定的新 `...
浅谈JavaScript中的apply/call/bind和this的使用
10-20
apply/call/bind三者的联系就在于，都可以用来改变函数中 this 指向的值，且第一个参数为要指向的 this 的值，apply的第二个参数（或 bind 与 call 的不定参数）为要传入的参数。这就不得不提及 javascript 中函数的...
对比传统方案，AI+数智应用如何为产业园区带来颠覆性变革？.docx
12-02
对比传统方案，AI+数智应用如何为产业园区带来颠覆性变革？
瑞利衰落Matlab代码 - RIS衰落建模与信道强化
最新发布
12-02
瑞利衰落Matlab代码 - RIS衰落建模与信道强化
如何通过AI驱动的技术转移平台优化服务效率与质量，同时优化避免陷入同质化？.docx
12-02
如何通过AI驱动的技术转移平台优化服务效率与质量，同时优化避免陷入同质化？
什么是真正的“精准新一代技术转移SaaS系统”？它如何为地方政府创造价值？.docx
12-02
什么是真正的“精准新一代技术转移SaaS系统”？它如何为地方政府创造价值？
游游戏原声音效-超级玛丽音效包-音效素材.zipp
12-02
游游戏原声音效-超级玛丽音效包-音效素材.zipp
面对产品同质化严重，产业园区如何通过数字化升级路径实现区域创新环境？.docx
12-02
面对产品同质化严重，产业园区如何通过数字化升级路径实现区域创新环境？
JavaScript中apply、call、bind的this指向改变与应用
"这篇文章主要介绍了JavaScript中的apply、call和bind三个方法，它们的主要用途是改变函数内部this的指向。文章通过实例讲解了这三个方法的巧妙使用，并对比了call和apply的区别，同时也提到了bind的作用。" 在...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值