js中this的指向和改变this的指向

最新推荐文章于 2025-05-27 21:20:12 发布
原创 最新推荐文章于 2025-05-27 21:20:12 发布 · 1k 阅读 · 6 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#js #this #改变this #this指向

本文详细解析了JavaScript中this关键字的指向规则，包括直接调用、作为对象方法、事件触发、定时器内部、new调用等场景，并介绍了call、apply、bind三种改变this指向的方法。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

js中this的指向问题

1.直接调用 函数() this指向window
在这里插入图片描述
在这里插入图片描述
2.作为对象的属性 对象.函数() this指向调用函数的对象
在这里插入图片描述
在这里插入图片描述
3.事件触发调用 element.onclick = 函数() this指向触发事件的元素
在这里插入图片描述
在这里插入图片描述
4.定时器内部 setInterval this指向window
在这里插入图片描述
在这里插入图片描述
5.new 函数() this指向创建的实例
在这里插入图片描述
在这里插入图片描述

js中改变this的指向

call：第一个参数是改变后的this指向，第二个参数是实参，是直接调用函数
在这里插入图片描述
在这里插入图片描述
apply：和call相似，区别在于apply只有两个参数，第二个参数只能是数组或者类数组，数组中的每一项是传入的参数，是直接调用函数
在这里插入图片描述
在这里插入图片描述
bind：不直接调用函数，会返回一个新的函数，调用新的函数会执行fn，this指向的是bind的函数
在这里插入图片描述
在这里插入图片描述

彻底搞清楚JS里的this指向问题
qq_37635012的博客
05-18 340
this指向是动态的 想要理解this，你可以先记住以下两点： 1：this永远指向一个对象； 2：this的指向完全取决于函数调用的位置； 针对以上的第一点特别好理解，不管在什么地方使用this，它必然会指向某个对象；确定了第一点后，也引出了一个问题，就是this使用的地方到底在哪里，而第二点就解释了这个问题，但关键是在JavaScript语言之中，一切皆对象，运行环境也是对象，所以函数都是在某个对象下运行，而this就是函数运行时所在的对象（环境）。这本来并不会让我们糊涂，但是JavaScript支持运
Javascript 中 this指向
09-07
这时，this指向的是最后调用它的对象，在foo.fn()语句中，this指向的是foo对象。 例题 4： ``` const student = { name: 'zhangsan', fn: function () { return this; } } console.log(student.fn() === ...
JS中改变this指向的方法(call和apply、bind)
10-22
this是javascript的一个关键字，随着函数使用场合不同，this的值会发生变化。但是总有一个原则，那就是this指的是调用函数的那个对象，通过本文给大家介绍JS中改变this指向的方法(call和apply、bind)，需要的朋友参考下
js中改变this指向的方法
weixin_62731214的博客
07-07 865
文章介绍了js中改变this指向的三种方法
JavaScript 中 this 指向详解
最新发布
HGX-DJK
05-27 545
调用方式this 指向普通函数全局对象（非严格）；undefined（严格）对象方法该对象箭头函数定义时的外层作用域构造函数（new）新创建的实例对象显式传入的对象事件监听器（function）触发事件的 DOM 元素事件监听器（箭头）外层作用域全局对象class 方法调用者（需手动绑定）
js如何改变this指向
laosun12的专栏
12-24 263
普通方法中this指向window对象。 eg: var a = 1; function human(b){ console.log(this); console.log('a的值为'+ this.a); console.log('b的值为'+b); } human();//执行human函数 改变human中this的指向方法: apply bind call 共同点:都是改变this的指向。 区别: bind和call调用的参数都一样。第一个参数为 this对象。剩余的参数以...形式传
JS的this指向问题
qq_44741577的博客
01-31 1029
JavaScript中的this指向问题解析 本文系统梳理了JavaScript中this关键字的各种指向情况。全局环境下this指向window；作为普通函数调用时指向window（严格模式为undefined）；作为对象方法调用指向调用对象；构造函数中的this指向实例对象；定时器、立即执行函数中的this指向window；事件处理函数中的this指向绑定元素；箭头函数没有自己的this，继承其所在作用域的this指向。文章还介绍了改变this指向的call、apply和bind方法，并比较了三者的区别
javascript中this指向详解
10-22
为了让读者更加深入地理解JavaScript中的this指向问题，本文将会详细分析this在不同场景下的行为，并通过实际代码示例来说明。 首先，JavaScript中的this不同于一些其他面向对象编程语言（如Java或C#）中的this。在...
js绑定事件this指向发生改变的问题解决方法
10-27
在JavaScript中，事件处理函数中的`this`关键字常常会因为不同的绑定方式而指向不同的对象，导致运行时出现不符合预期的结果。通常情况下，我们使用`.bind`、`.call`或`.apply`方法来明确指定函数内部`this`的指向。...
详解JS中定时器setInterval和setTImeout的this指向问题
10-20
总结一下，`setInterval`和`setTimeout`的`this`指向问题在于它们的回调函数在全局作用域中执行，因此`this`默认指向`window`。要解决这个问题，可以使用变量保存`this`的引用或者使用`bind`方法来确保`this`指向...
JS 中的 this 指向问题
jiangmingchan的博客
07-13 275
目录JS 中的 this 指向问题 JS 中的 this 指向问题 JavaScript 中this指向是可以改变的， this 默认指向函数外的对象。 下面info函数中的this 默认指向 zs 对象 let zs = { name: "张三", age: 12, info: function() { console.log(this.name + "今年" + this.age + "岁了！") } } zs.info() // 张三今年12岁了！
js中this的绑定情况以及如何改变this的指向
01-08
友情提示：this只有在执行的时候才能确认，定义时无法被确认 this的介绍： this是一个关键字，类似于变量但不是变量，也不是属性名，JavaScript的语法不允许给this赋值。和变量不同，关键字this没有作用域的限制，嵌套的函数不会从调用它的函数中继承this。如果嵌套函数作为方法调用，其this的值指向调用它的对象。如果嵌套函数作为函数调用，其this值不是全局对象就是undefined（非严格模式下是全局对象（即window对象），严格模式下是undefined）。很多人误以为调用嵌套函数时，this会指向调用外层函数的上下文。如果你想访问这个外部函数的this值，需要将thi
js中this的指向问题
zhong_kay的博客
01-04 219
this JavaScript 的 this 总是指向一个对象，而具体指向哪个对象是在运行时基于函数的执行环境动态绑定的，而非函数被声明时的环境   基本可以分成以下四种情况 作为对象的方法调用 作为普通函数调用 构造器调用 Function.prototype.call 或 Function.prototype.apply 调用 当函数作为对象的方法被调用时，this 指向该对象 ...
js中This的指向问题
吃瓜群众
06-13 184
js中This指向
JS改变This指向的方法
qq_45904018的博客
10-16 671
一.This指向辩解 this的指向在函数定义的时候是确定不了的，只有运行后才能确定它到底指向谁，但一般情况下他最终指向的是那个调用它的对象。 所以，当他没有被上级调用的时候，那么它指向的是window（在严格版中的默认的this不再是window，而是underfined），如果被上级调用的话，那它指向的就是上一级的对象。 未被指向 被指向 二：改变this指向方法 第一种：call() 把b添加到第一个参数的环境中，简单来说，this就会指向那个对象，同时除第一参数还可添加多个..
js中this指向，如何改变this指向
03-13
</think>### JavaScript中this指向规则及修改方法 #### 一、this指向的四大规则 1. **默认绑定** 函数独立调用时，非严格模式下`this`指向全局对象（浏览器中为`window`，Node.js中为`global`）；严格模式下为`...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值