this的指向有哪几种情况？

最新推荐文章于 2025-07-01 14:19:17 发布
最新推荐文章于 2025-07-01 14:19:17 发布
阅读量6k 收藏 11
点赞数 3
CC 4.0 BY-SA版权
分类专栏： JS基础
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_37746973/article/details/85763542
本文深入解析JavaScript中的this关键字，探讨其在不同上下文中的指向规则，包括函数调用、对象方法调用、构造函数及箭头函数中的表现，并介绍如何通过apply、call、bind等方法改变this指向。

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

this代表函数调用相关联的对象，通常页称之为执行上下文。

 

1. 作为函数调用，非严格模式下，this指向window，严格模式下，this指向undefined；

2. 作为某对象的方法调用，this通常指向调用的对象。

3. 使用apply、call、bind 可以绑定this的指向。

4. 在构造函数中，this指向新创建的对象

5. 箭头函数没有单独的this值，this在箭头函数创建时确定，它与声明所在的上下文相同。

JS 关于 this 指向的几种情况
Thinking anywhere anytime.
01-02 3898
一、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的几种指向详解
10-19
接下来，我们将详细探讨在严格模式下`this`的几种常见指向。 1. **全局作用域中的`this`** 在严格模式下，`this`不再默认指向全局对象（在浏览器环境中通常是`window`对象）。相反，`this`在全局作用域中被赋值为`...
javascript中几种this指向问题
weixin_43833736的博客
01-08 199
javascript中几种this指向的问题
JavaScript-this指向
m0_56222987的博客
07-01 537
默认绑定: 非严格模式下this指向全局对象，严格模式下this会绑定到undefined隐式绑定: 满足XXX.fn()格式，fn的this指向XXX。如果存在链式调用，this永远指向最后调用它的那个对象隐式绑定丢失：起函数别名，通过别名运行；函数作为参数会造成隐式绑定丢失。显示绑定: 通过修改this指向new绑定: 通过new来调用构造函数，会生成一个新对象，并且把这个新对象绑定为调用函数的this。箭头函数绑定: 箭头函数没有this，它的this是通过作用域链查到外层作用域的this。
【this的指向几种情况】
weixin_57036621的博客
04-10 630
文章目录前言一、this的指向1.作为对象的指向被调用：2.作为普通函数使用3.作为构造函数使用4.call ，applp 的调用5.箭头函数 前言 ` js中 this的几种使用场景 一、this的指向 1.作为对象的指向被调用： 1.1，this指向该对象 2.作为普通函数使用 2.1，this总指向全局对象（在浏览器一般是指window） 2.在严格的说：this指向und 3.作为构造函数使用 3.1，一般情况下，this指向的是被构造函数返回的实例 <script>
this的指向的几种情况
weixin_48864616的博客
11-15 431
在每一个函数中，都有一个内置的变量：this 大多数情况下，this存储的是当前函数的调用者 this指向在定义时是不确定的，在不同的情况下，this指向是不一定相同的 1.全局函数下 this指向该window function fn(){ console.log(this); } fn(); 2.匿名函数对象的方法中，this指向该对象 a.b.c.d() d中的this指向c // 匿名函数
this的指向有哪几种？一个文章让你理解明白！从此不在为this指向犯愁！
CSON_Fuck的博客
04-23 1544
this的指向有哪几种？一个文章让你理解明白！从此不在为this指向犯愁！
浅谈JS中几种轻松处理’this’指向方式
12-13
我喜欢在JS中更改函数执行上下文的指向，也称为 this 指向。 例如，咱们可以在类数组对象上使用数组方法： const reduce = Array.prototype.reduce; function sumArgs() { return reduce.call(arguments, (sum, ...
浅谈JS中几种轻松处理'this'指向方式
10-16
本文将探讨几种处理`this`指向的方式，确保在不同场景下`this`能够正确地指向我们预期的对象。 首先，需要注意的是，`this`并不指向函数本身，它的指向取决于函数的调用方式。在全局执行环境中，`this`指向全局对象...
this指向的四种情况
weixin_46003800的博客
10-30 1089
this的指向问题: 1.作为对象的函数被调用(this指向该对象) 2.作为普通函数被调用(此时this指向全局对象,在浏览器的JavaScript中,全局对象是window) 3.构造函数调用 4.Function.prototype.call 和 Function.prototype.apply 调用 (与普通的函数调用相比,可以动态的改变传入函数的this) 1.作为对象函数被调用(this指向该对象 let obj = { name:'jack', getName:function
this的三种指向
m0_64352881的博客
04-09 397
<script> /* 1.this环境对象 ： 谁‘调用’我,我就指向谁 （相当于中文‘我’，谁说出这个字，这个字就代表谁） * 重点： 与函数声明无关，取决于函数调用 * (1)普通函数调用: 函数名() -> this指向window * (2)对象方法调用: 对象名.方法名() -> this指向对象 * (3)构造函..
各种情况的 this指向 解析
web_ding的博客
07-08 780
全局环境下 在全局环境下，this 始终指向全局对象（window）, 无论是否严格模式 console.log(this.document === document); // true // 在浏览器中，全局对象为 window 对象： console.log(this === window); // true this.a = 37; console.log(window.a); // 37 函数上下文调用 函数直接调用 普通函数内部的this分两种情况，严格模式和非严格模式。 非严
this的几种情况
是喵喵酱呀！
02-24 358
1：当在函数调用时：指向window； 2：当方法调用时：指向调用对象； 3：当用apply和call上下文调用的时候：指向传入的第一个参数； 4：在构造函数中：指向实例对象； ...
this 的指向有哪些
Erictezx的博客
12-16 1053
1、普通函数中的this指向window 2、定时器中的this指向window 3、箭头函数没有this,它的this指向取决于外部环境、指向最近的的函数 4、事件中的this指向事件的调用者 5、 构造函数中this和原型对象中的this,都是指向构造函数new 出来实例对象 6、类 class中的this 指向由constructor构造器new出来的实例对象 7、自调用函数中的this 指向window ...
JS中this指向的几种常见情况分析
xie_bro的博客
08-19 1010
JS中的this指向         应舍友的要求，写一篇关于javascript中this指向的问题。我自己理解也不太深入，有什么问题，请及时提出来，感谢！         在进行一番学习之后，this指向什么 这一问题主要由一下几种情况：         我这个人不搞
this指向情况详解
m0_52634705的博客
05-28 2727
this，函数的执行主体（不等价于执行上下文），取决于谁把这个函数执行的。大体上把this执行主体分为一下5类。
关于this指向的各种情况
尔东尘的博客
07-02 332
关于this指向的讲解来了，速看
this指向几种情况详解
qq_45305088的博客
07-09 572
1.对象的this（指向.前面） 基本的 var a = 0 var obj = { a:1, fn() { console.log(this.a，this,a); } } obj.fn()//1,obj ,0 2.直接调用的this（指向window，容易混淆：闭包） 有几种情况： 2.1 函数作为参数传给函数 var a = 1 function fn() { console.log(a); } function fn1(data) { var a =
JavaScript this指向 几种情况
酱子
04-06 240
【情况1：普通函数内部的this指向window】 【情况2：定时器内部的this指向window】 【情况3：在构造函数中，this指向当前创建的对象】 【情况4：对象的方法中，this指向调用者】 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <m...
this的指向有哪几种
最新发布
07-08
在JavaScript中，`this`的指向取决于函数的调用方式，主要有以下五种情况：在JavaScript中，`this`的指向取决于函数的调用方式，主要有以下五种情况： ### 一、默认绑定（全局上下文） 当函数独立调用时，`this`...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值