总结JavaScript中的this指向问题

最新推荐文章于 2023-03-08 16:50:32 发布
最新推荐文章于 2023-03-08 16:50:32 发布
阅读量171 收藏
点赞数
分类专栏： JavaScript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/szy1249835120/article/details/82656549
版权

1.普通函数中的this指向：window对象;

2.对象.方法中的this指向：当前的实例对象；

3.定时器中的this指向：window对象；

4.构造函数中的this指向：实例对象；

构造函数Person被实例化了，故Person的this现在指向person。

5.原型对象中的this指向：实例对象；

这个就是原型对象，也是被谁new了，就指向谁

6.事件绑定中的this指向：绑定事件的元素对象；

浅晨忆曦
关注
专栏目录
Javascript 中 this指向
09-07
这时，this指向的是最后调用它的对象，在foo.fn()语句中，this指向的是foo对象。 例题 4： ``` const student = { name: 'zhangsan', fn: function () { return this; } } console.log(student.fn() === ...
关于JavaScript中的this指向问题总结篇
12-09
综上所述，理解JavaScript中的this指向是至关重要的，因为它决定了函数如何访问和修改数据。在编写代码时，需根据具体情况选择合适的方式来处理this，以避免出现意外的错误。通过熟悉上述规则和场景，能更好地掌握...
JavaScript中this的指向问题
fujiaxu666的博客
11-02 446
JavaScript中this的指向问题 参考资料： JavaScript 的 this 原理 - 阮一峰的网络日志 (ruanyifeng.com) Javascript 的 this 用法 - 阮一峰的网络日志 (ruanyifeng.com) JS中的this指向问题(详细版)_LoveyL0201的博客-CSDN博客 《你不知道的JavaScript》-上，推荐读这本书 本文记录了JavaScript中this指向问题的学习心得，为以后的复习做准备。 讨论this的时候要注意是否在严格模式下。下
JavaScript中的this指向问题
越界的博客
12-05 249
this指向 改变函数内部this 指向 JavaScript 为我们专门提供了一些函数方法来帮我们更优雅的处理函数内部this的指向问题，常用的有bind()、call()、apply() 三种方法。 call 方法 call() 方法调用一个对象。简单理解为调用函数的方式，但是它可以改变函数的this指向。 fun.call(thisArg, arg1, arg2, ...) thisAr...
面试题-浅谈JavaScript中的This指向问题
weixin_30883311的博客
11-16 339
　　各位小伙伴在面试中被面试官问道this指向问题一定不少吧，同时还被问道apply,call和bind的用法区别，现在，就来简单的聊一聊this到底指向何方。 1.基本概念 MDN的官方解释：与其他语言相比，函数的this关键字在 JavaScript 中的表现略有不同，此外，在严格模式和非严格模式之间也会有一些差别。在绝大多数情况下，函数的调用方式决定了this的值。this不能在执行...
javascript中this的指向问题
wlijun_0808的博客
11-24 387
javascript中this的指向问题
JavaScript之this指向问题
weixin_44827643的博客
07-03 175
本文主要介绍JavaScript中this指向的问题。全局作用域以及函数作用域中的this,都指向window对象。 2.指向绑定的元素 事件绑定时的this指向绑定的元素。 3.指向对象 对象中的this指向该对象本身 4.指向构造函数的实例化对象 构造函数中的this指向由该函数实例化出来的对象.........
javascript中this指向详解
10-22
为了让读者更加深入地理解JavaScript中的this指向问题，本文将会详细分析this在不同场景下的行为，并通过实际代码示例来说明。 首先，JavaScript中的this不同于一些其他面向对象编程语言（如Java或C#）中的this。在...
JavaScript中this指向问题
FKNIGHT 的博客
07-13 197
函数中的this指向：    DOM（文档对象模型的顶级对象是：document）    BOM（浏览器对象模型的顶级对象是：window）       普通函数中的this指向-------window       对象.方法中的this指向-------当前的实例对象       定时器方法中的this指向------window       构造函数中的this指向-----实例对象    ...
JavaScript中的this的指向问题（包括箭头函数）
copyer_xyf的博客
10-31 245
前言 了解this的指向问题，是一个前端小白的必经之路。在最近老是被this的问题所困扰，就在各种博客收集总结，然后自己来写一篇，在以后忘记的过程中，我可以拿出来看看，加深自己对this的理解。 其中可能有一定的错误，但是请你们谅解一下小白的痛苦。 普通函数 理解this的关键 this的指向在函数定义的时候是确定不了的，只有函数执行的时候才能确定this到底指向谁，实际上this的最终指向的是那个调用它的对象。 1、默认绑定规则 在全局下，this就是执行window //现象一 console.log(
JavaScript this指向问题详解
qq_39410252的博客
04-28 686
几乎是JS独创的允许独立函数里出现this,使的大量的JS开发工作者，徒增大量的烦恼，但是这是js中必须要掌握的东西，所以不得不学习，为了避免忘记，现将此时此刻思路记录于此。核心思想：this始终指向的是调用他的对象。 注意： const 和 let 声明的变量不是window对象，说明链接。 1、直接调用 // 毫无疑问this等于window var variable = 1; console.log(window.variable);// 输出 1 console.log(this.variable)
5分钟彻底搞懂JavaScript中的this指向问题
科技男
06-10 388
在Javascript中，的指向灵活，使用场景多，面试中会被经常提及。由于指向的灵活性，会在开发过程中产生一些不容易发现的BUG。技术社区通常用一句话总结了的指向问题：谁调用它，就指向谁。也就是说，的指向是在调用时确定它究竟指向谁的。通过社区的技术文章，有人总结出几条规律：我们各点进行分析下：非严格模式下this指向 那么上面的代码输出则应该是在严格模式下函数体内的this指向 通过指明严格模式的情况下 执行则是下面看一道题目 fn 函数在foo对象中用来作为对象的方法,但是在赋值给之后，仍然在全局环境中
关于JS中this对象指向问题总结
最新发布
铁锤妹妹的博客
03-08 3732
关于JS中this对象指向问题，相信做过项目的小伙伴多多少少都会遇到过，明明感觉代码写的没问题，可是运行的时候，就会报错，比如报错 xxx is not a function。我最近也遇到了，百度学习了不少前辈对于this对象指向问题的解析，于是总结了这篇文章。
JS的this指向问题（史上最全）
qq_60619943的博客
01-11 9048
带你深入了解JS中this指向问题，小编建议弄懂this之前最好先弄懂作用域的概念！！！
JS中的this指向问题，以及this的作用
前端老兵
06-30 6547
this是作用域中的参数，因为常用到，在这里做一下总结。1. this的概述(1) 解析器在每次调用函数的时候都会向函数内部传递进一个隐含的参数，这个隐含的参数就是this；(2) this指向的是一个对象，函数执行的上下文对象；(3) 在这里我把this理解为一个操作这个函数执行的句柄(操作者)，就像一个人(this)拿着锯子(函数)去锯木头(函数执行的上下文对象功能)；(4) 根据函数的调用方...
JavaScript this指向问题解析与解决策略
"这篇Markdown文件主要讨论了JavaScript中this的指向问题，特别是涉及到函数、定时器以及事件处理函数中的上下文。作者分享了自己的学习心得，并给出了一段代码示例来说明常见问题及其解决方案。" 在JavaScript中，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值