JavaScript中this指向的六种情况

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

事件绑定：给元素的某个事件行为绑定方法，当事件行为触发，方法执行，方法中的THIS是当前元素本身（IE6~8中基于attachEvent方法实现的DOM2事件绑定，事件触发，方法中的THIS是WINDOW而不是当前元素本身）

函数调用：指向widow 

方法调用：指向调用对象，只需要看函数执行的时候，方法名前面是否有"点",有“点”，“点”前面是谁THIS就是谁，没有“点”THIS就是WINDOW[非严格模式]/UNDEFINDE[严格模式]。

apply / call：当用apply和call上下文调用的时候指向传入的第一个参数

构造函数：指向实例对象

箭头函数：箭头函数没有自己的THIS（也没有ARGUMENTS），它的THIS是继承所在上下文中的THIS 

参考：https://blog.csdn.net/wendyGao_Yin/article/details/106637906

哆啦贝儿
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
6 个意想不到的 JavaScript 问题
pingan8787
08-02 132
作为前端开发工程师，JavaScript是我们的主要开发语言，它本身语法比较简单，并且生态系统也非常完善，在社区的影响力越来越大。在我们使用过程中，经常会遇到各种奇怪的问题，让我们经常摸不着头脑。本文灵感来自，整理了6个比较常见并且很有意思的问题。...
关于 js 里面 this 的指向问题(6种场景)
温情
06-05 824
可以分为6种情况来描述this指向 1. 普通函数直接调用中的this function fun() { console.log(this); // window function fn() { console.log(this); // window } fn(); } fun(); 如上代码函数里面直接调用会指向 window，需要注意的是在严格模式下this会指向 undefined 2. 在对象里调用的this let obj = { name:
关于JS中this对象指向问题总结
铁锤妹妹的博客
03-08 3465
关于JS中this对象指向问题，相信做过项目的小伙伴多多少少都会遇到过，明明感觉代码写的没问题，可是运行的时候，就会报错，比如报错 xxx is not a function。我最近也遇到了，百度学习了不少前辈对于this对象指向问题的解析，于是总结了这篇文章。
JS 关于 this 指向的几种情况
cookcyq__的博客
01-02 3773
一、this 指向 window 1、全局函数里面的 this 指向 window 2、箭头函数里面的 this 指向 window // 定义全局变量 title 与函数 foo var title = 'hello,world' // 注意：若使用 let 定义则不属于全局变量 function foo() { console.log(this.title) } function arrow() { let title = 'hello,arrow' return () => { re
【JavaScript】THIS的七种指向
zhangankang的博客
07-15 807
【THIS的七种情况】 1、给当前元素的某个事件绑定方法，当事件触发方法执行，方法中的this指向是当前元素本身； 2、方法执行，看前面有没有点“.”，有点，点前面是谁，this就是谁；没有点就是window对象； 3、构造函数执行的时候，方法体中的this就是当前构造函数类的实例； 4、自执行函数一般都是window对象； 5、定时器中this：window对象（通过call传入的window对象）； 6、对象方法中this指向对象本身（受定时器影响：window）； 7、箭头函数中this，沿作用域链向
JS中的 this 指向的七种场景
kilig
08-13 756
this指向问题 this是一个关键字，指向一个对象，在不同的调用环境this指向的对象也不一样。 1、全局this指window console.log(this) 2、全局函数里的this指window function fn () { console.log(this) } fn() 3、事件处理函数里的this指绑定事件的DOM对象（不一定是事件源，哪个对象绑定就是那个对象） document.querySelector('#box').onclick =
JS中this的应用以及源码练习
xiaozhedeitzhilu的博客
11-19 401
解析器在调用函数每次都会向函数内部传递进一个隐含的参数, 这个隐含的参数就是this，this指向的是一个对象， 这个对象我们称为函数执行的 上下文对象， 根据函数的调用方式的不同，this会指向不同的对象 1.以函数的形式调用时，this永远都是window 2.以方法的形式调用时，this就是调用方法的那个对象 function fun(){ //console.log("a ...
Javascript 中 this指向
最新发布
09-07
这时，this指向的是最后调用它的对象，在foo.fn()语句中，this指向的是foo对象。 例题 4： ``` const student = { name: 'zhangsan', fn: function () { return this; } } console.log(student.fn() === ...
详解JavaScript中关于this指向的4种情况
10-17
以下将详细解析四种常见的`this`指向情况： 1. **在对象属性中的`this`指向** 当函数作为对象的属性被调用时，`this`会指向调用该函数的对象。例如： ```javascript var obj = { x: 123, fn: function () { ...
javascript中this指向详解
10-22
this的指向在函数定义的时候是确定不了的，只有函数执行的时候才能确定this到底指向谁，实际上this的最终指向的是那个调用它的对象，接下来我会深入的探讨这个问题。
JavaScript this关键字指向常用情况解析
10-14
在实际应用中，你可能会遇到更复杂的情况，比如闭包和异步操作中的`this`，但上述四种情况是基础，理解它们是深入JavaScript的重要步骤。希望这些内容能对你学习JavaScript有所帮助，继续深入研究，你会发现更多关于...
JavaScript中this的四种指向情况
chenweiqiang77的博客
03-03 804
本文出自《JavaScript设计模式与开发实践》第二章 跟别的语言大相径庭的是，JavaScript的this总是指向一个对象，而具体指向哪个对象是在运行时基于函数的执行环境动态绑定的，而非函数被声明时的环境。 除去不常用的with和eval的情况，具体到实际应用中，this的指向大致可以分为以下四种 作为对象的方法调用 作为普通函数调用 构造器调用 Function.prototype.call / Funtion.prototype.apply 作为对象的方法调用 当函数作为对象的方法被调用时，t.
JavaScript中this指向的十种情况
KiKiiiiiiii的博客
11-15 280
1.this----->undefined ES6的严格模式中，日过调用函数中的this或者顶层this将会指向undefined； 2.this----->window （1）非严格模式中函数或者顶层中调用this，会被指向window； （2）毁掉函数中默认this的指向是window； （3）当使用call，apply，bind，如果代入得第一个参数是null或者undefined时，this默认会被指向window； 3.this----->上下文环境中的this （1）箭头函数
JS中this指向的几种常见情况分析
xie_bro的博客
08-19 952
JS中的this指向         应舍友的要求，写一篇关于javascript中this指向的问题。我自己理解也不太深入，有什么问题，请及时提出来，感谢！         在进行一番学习之后，this指向什么 这一问题主要由一下几种情况：         我这个人不搞
this的指向
qq_44278908的博客
03-02 568
执行期上下文 当函数执行时（准确来说，是在函数发生预编译的前一刻），会创建一个执行期上下文的内部对象。一个执行期上下文定义了一个函数执行时的环境。 每调用一次函数，就会创建一个新的上下文对象，他们之间是相互独立且独一无二的。当函数执行完毕，它所产生的执行期上下文会被销毁。 this 解析器在调用函数每次都会向函数内部传递进一个隐含的参数，这个隐含的参数就是 this，this 指向的是一个对象，这个对象我们称为函数执行的 上下文对象。 函数内 this 的指向【非常重要】 我们在《JavaScript 基础
JS中的this指向情况汇总
热门推荐
似水流年的博客
09-09 1万+
对于我们开发人员来说，this这个关键字可以说是再熟悉不过了，几乎所有主流的程序开发语言都带有this关键字。今天我们来说说在JavaScript中的this指向都有哪些情况（这也是面试中常常会问到的问题）。 JS中的this指向对于刚刚学习这门的语言的同学来说，有时往往会让人感到很困惑：明明觉得自己在很多时候应该是知道this的指向的，可真正要你回答this的指向到底有哪几种情况时，又往往说...
JS的this指向问题（史上最全）
qq_60619943的博客
01-11 8934
带你深入了解JS中this指向问题，小编建议弄懂this之前最好先弄懂作用域的概念！！！
想要了解this的指向吗?简单聊聊函数内this的六种指向
Illidan_Stomrage的博客
06-02 794
初入前端的小伙伴肯定对this的指向还不太了解或者比较模糊 所以给大家介绍一下关于:函数内部的六种this指向问题 1.在普通函数内this指向的是------window 2.在构造函数内this指向的是------实例对象 3.在函数内的对象this指的是------该方法的调用者 4.在事件绑定函数中this是指------绑定该事件的对象(元素) 5.在定时器中this它指向的是------window 6.在立即执行函数中this是指------window // 1.普通函数 .
JavaScript中this的六种模式
前端学习笔记
01-06 572
问this为何物，直教人苦逼不已this是面向对象编程中的一个概念，一般指向当前方法调用所在的对象，但在JS中灵活很多，为什么这么说呢？那是因为： this是运行时绑定而非编写时绑定 this的绑定和函数声明的位置木有任何关系，执行上下文取决于函数调用时方式 this既不指向函数自身也不指向词法作用域。 So… 谁调用这个函数或方法,this关键字就指向谁这话是并不是完全准确的this应当如何确定！

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值