【JavaScript】THIS的七种指向

最新推荐文章于 2024-10-02 23:06:10 发布
原创 最新推荐文章于 2024-10-02 23:06:10 发布 · 884 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#javascript

本文详细解析了JavaScript中this关键字的七种不同使用场景及指向规则，包括事件绑定、构造函数、自执行函数等，帮助读者深入理解this的运行机制。

【THIS的七种情况】
1、给当前元素的某个事件绑定方法，当事件触发方法执行，方法中的this指向是当前元素本身；
2、方法执行，看前面有没有点“.”，有点，点前面是谁，this就是谁；没有点就是window对象；
3、构造函数执行的时候，方法体中的this就是当前构造函数类的实例；
4、自执行函数一般都是window对象；
5、定时器中this：window对象（通过call传入的window对象）；
6、对象方法中this指向对象本身（受定时器影响：window）；
7、箭头函数中this，沿作用域链向外找，直到有this定义（不受内部定时器影响）。

JS 关于 this 指向的几种情况
Thinking anywhere anytime.
01-02 3947
一、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
关于 js 里面 this 的指向问题(6种场景)
温情
06-05 936
可以分为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 4388
关于JS中this对象指向问题，相信做过项目的小伙伴多多少少都会遇到过，明明感觉代码写的没问题，可是运行的时候，就会报错，比如报错 xxx is not a function。我最近也遇到了，百度学习了不少前辈对于this对象指向问题的解析，于是总结了这篇文章。
JS中的 this 指向的七种场景
kilig
08-13 857
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的7种指向问题
Cool_so_cool的博客
05-21 488
什么是this? this --> 关键字;在JS中有特殊的含义。 注意： this 不能放到等号的左边； 下面看一下在不同的情景下，this不同的指向情况 1. 在全局作用域，this指向window；this 和window是同一块空间地址； //直接在html文件中输出this,指向的window console.log(this);// window //下面这两个含义是一样的 window.alert() th
详解JavaScript中关于this指向的4种情况
10-17
obj.fn() // 调用fn方法，此时this指向obj ``` 在这个例子中，`this`在`fn`函数内部指向`obj`对象。 如果对象的属性中还嵌套了函数，如二级或更深层次的函数，这些内部函数的`this`会默认指向全局对象（在...
javascript中this指向详解
10-22
为了让读者更加深入地理解JavaScript中的this指向问题，本文将会详细分析this在不同场景下的行为，并通过实际代码示例来说明。 首先，JavaScript中的this不同于一些其他面向对象编程语言（如Java或C#）中的this。在...
JavaScript严格模式下关于this的几种指向详解
10-19
接下来，我们将详细探讨在严格模式下`this`的几种常见指向。 1. **全局作用域中的`this`** 在严格模式下，`this`不再默认指向全局对象（在浏览器环境中通常是`window`对象）。相反，`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指向
10-14
理解`this`的指向是掌握JavaScript核心概念的关键部分。 首先，当函数直接调用时，`this`的指向在非严格模式下是全局对象，如在浏览器环境中是`window`对象，在Node.js环境中是`global`对象。但在严格模式下，`this...
JavaScript中this的四种指向情况
chenweiqiang77的博客
03-03 889
本文出自《JavaScript设计模式与开发实践》第二章 跟别的语言大相径庭的是，JavaScript的this总是指向一个对象，而具体指向哪个对象是在运行时基于函数的执行环境动态绑定的，而非函数被声明时的环境。 除去不常用的with和eval的情况，具体到实际应用中，this的指向大致可以分为以下四种 作为对象的方法调用 作为普通函数调用 构造器调用 Function.prototype.call / Funtion.prototype.apply 作为对象的方法调用 当函数作为对象的方法被调用时，t.
【JavaScript进阶之旅 总结篇】七大this指向问题（最全）
马云
05-22 664
文章目录this一、this是什么二、this1、全局作用域下的this2、类中的this类的本质还是函数this指向继承3、call apply bind中的this4、箭头函数中的this5、对象中的this6、构造函数中的this7、事件处理函数中的this行内事件处理函数事件处理函数 this 一、this是什么 JavaScript 关键字 当前环境执行期上下文对象的一个属性 this在不同的环境、不同作用下，表现是不同的 二、this 1、全局作用域下的this 全局作用域下的this就是
7种this指向判断规则，看这个就够了！
金金的博客
07-25 905
彻底搞懂上下文this 面试题开始： this是什么？到底this表达了什么？为什么要有this这个东西 我们先不直接回答这个问题，我们先看一个例子 代码一 <script> var xiaoming = { shuxue : 50, yuwen : 89, yingyu : 10 } function calcTotalScore(o){ return o.shuxue + o.yuwen + o.yingyu;
关于各种This的指向
ayro4430的博客
11-21 155
1：全局的this指向window 在全局情况下this永远指向window; console.log(this===window)//true 普通函数调用的时候this也是指向window(注意严格模式下为undefined) var x = 10; //window.x function foo(){ console.log(this); ...
JavaScript中this的指向
m0_52634705的博客
04-28 230
this指向常见this指向改变this指向 常见this指向 this是使用在作用域里面的关键字，在不同的作用域里有不同的含义。 常见的this指向： 在对象Object的函数方法中，指向对象本身 在全局函数中，指向window 在回调函数中(例如定时器、数组和字符串的一些方法)，指向window 在事件函数中，指向监听事件的对象（e.currentTarget） 在箭头函数中，this将会是箭头函数外上下文环境的this指向 改变this指向 通过调用函数的方式改变this的指向，有三种方法 1、c
深入理解 JavaScript 中的 this 指向
最新发布
m0_57836225的博客
10-02 1656
在 JavaScript 中，this是一个非常特殊的关键字。它的指向并不是在定义时确定的，而是在函数被调用时动态确定的。不同的调用方式和上下文环境会导致this指向不同的对象。在非箭头函数中，this永远指向最后调用它的那个对象。// obj3 对象// newObj 对象理解 JavaScript 中this的指向以及如何更改它是掌握这门语言的关键之一。不同的情境下this的指向不同，我们可以根据具体的代码环境选择合适的方法来更改this指向，以实现更加灵活和可维护的代码。
JavaScript中this指向的十种情况
KiKiiiiiiii的博客
11-15 421
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）箭头函数
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值