js 中 对 this 指向的理解

最新推荐文章于 2025-04-03 20:04:35 发布
最新推荐文章于 2025-04-03 20:04:35 发布
阅读量138 收藏
点赞数
分类专栏： html css js 文章标签： js this
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_24078843/article/details/119114401
版权
本文探讨了JavaScript中this的两种主要情况：普通函数和箭头函数。在普通函数中，this指向函数运行时的环境，如构造函数中的新对象、严格模式下的调用上下文或作为对象方法时的对象。而在箭头函数中，this不具有自己的上下文，它会从外层作用域继承，始终指向其所在外层函数的this，或者在没有外层函数时指向全局对象。

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

js 中 this 理解

普通函数 （function定义的函数）参考

  • this指的是函数运行时所在的环境
  • 如果该函数是一个构造函数，this指针指向一个新的对象
  • 在严格模式下的函数调用下，this 指向undefined
  • 如果该函数是一个对象的方法，则它的this指针指向这个对象

箭头函数 （() => {}）参考

  • 箭头函数 没有自己的 this

  • 箭头函数不会创建自己的this, 它只会从自己的作用域链的上一层继承this

  • obj 对象不构成单独的作用域

  • 不管在什么情况下,箭头函数的this跟外层function的this一致，外层function的this指向谁，箭头函数

最低0.47元/天 解锁文章
介绍js中this
博客of me
08-16 569
this是js的一个关键字，this指向当前执行上下文中的对象。在不同的上下文中，this的值会有所不同。
js的this指针理解
jonson
06-18 231
因为发现身边的一些朋友对js的this指针的理解不是很全面。下面本人简单的讲解一下js的this指针的相关内容，仅供需要的朋友学习参考。 简单的，我先用一句话来概括javascript的this。在js里面，this指针代表的是执行当前代码的对象的所有者。 下面举几个简单的例子加以说明： var name="jonson"; function test(){alert("您好，...
一篇文章带你搞懂js的this指向
最新发布
2301_76380626的博客
04-03 835
基于以上的分析，我们可以简单的得出this指向简单记忆方式script 标签中，this指向全局对象函数作用域中，this指向函数调用对象，如果函数独立调用会出现特殊情况（严格模式指向undefined,非严格指向全局）箭头函数中，this指向会沿着作用域链向上级作用域中查找this，直到找到为止。new 关键字调用函数生成对象时，this一定指向新创建的对象，这一点是无法被改变的，尽管使用显示绑定函数去主动绑定this，也无法改变this指向。
JS中的this指针详解
Coder Ben's Writing
03-05 3906
原文地址：http://www.cnblogs.com/kongxy/p/4581223.html （内容根据自己理解，有改动）         JS中this关键字很常见，但是它似乎变幻莫测，让人抓狂。这篇文章就来揭示其中的奥秘。      借助阮一峰老师的话：它代表函数运行时，自动生成的一个内部对象，只能在函数内部使用。这句话看似平常，可是要非常注意三个字：“运行时”，这说明th
对 js 中 this 指向的理解
qq_38606793的博客
07-25 267
对 js 中的this 的理解 this 指针一直都是一个很玄学的东西，它是函数运行时，函数内部自动生成的对象，只能在函数体内部使用。一下示例都是测试过的，对于答案请放心。如有疑问欢迎评论 纯粹的函数调用 这是函数通常的用法，属于全局性的调用，所以this指向全局。 最简单的示例 var x = 1; function test() { console.log(this.x); }...
JavaScript中关于this指针的个人理解
wxwmb11的博客
03-16 100
JS中根据调用函数的方法不同this指针我学到的有3种用法。 1.调用函数时调用this，永远指向window； 2.使用方法调用this，指向的是调用方法的实例对象； 3.在构造函数中使用this指向新建对象。 1.调用函数时调用this，永远指向window function fun(){ console.log(this); } fun(); 2.使用方法调用this，指向的是调用方法的实例对象； function fun(){ console.log
灵活的理解JavaScript中的this指向
10-22
理解JavaScript中的this指向是学习JavaScript的核心内容之一。它直接关系到事件处理、函数式编程以及面向对象编程等多个方面。通过以上几个方面的理解，可以更加灵活地控制函数中this的行为，更准确地编写JavaScript...
我所理解的JavaScript中的this指向
10-14
首先，当函数直接调用时，`this`的指向在非严格模式下是全局对象，如在浏览器环境中是`window`对象，在Node.js环境中是`global`对象。但在严格模式下，`this`将被设置为`undefined`，以避免意外修改全局变量。例如：...
js中this的指向问题
01-08
全局作用域、普通函数以及定时器中的this指向全局对象window 方法中的this指向的是调用它的对象 构造函数中的this指向构造函数的实例 箭头函数中没有绑定this，this为最近外层作用域下有定义的this call、apply、...
javascript中this指向详解
10-22
为了让读者更加深入地理解JavaScript中的this指向问题，本文将会详细分析this在不同场景下的行为，并通过实际代码示例来说明。 首先，JavaScript中的this不同于一些其他面向对象编程语言（如Java或C#）中的this。在...
Javascript 中 this指向
09-07
这时，this指向的是最后调用它的对象，在foo.fn()语句中，this指向的是foo对象。 例题 4： ``` const student = { name: 'zhangsan', fn: function () { return this; } } console.log(student.fn() === ...
掌握JS中的“this” (一)
weixin_33866037的博客
09-23 278
译者注: 一般来说，function 翻译为函数, method 翻译为方法。 我们一般说， 某某对象的方法， 而不说 “某某对象的函数”。原因是在面向对象中, 一个对象就是一个具体额实例，有自己的方法。 而函数，是和对象没关系的。 另外, scope(作用域) 和 context(上下文) 也是一个容易迷糊...
JS中的this
锋利的二丫
04-17 4728
本文不讨论let和const关键次 Context上下文 Context这个概念猛看起来比较晦涩，其实是很好理解的。你可以将其理解为代码“社交”的场所和范围。一个函数执行时可能要使用到一些变量，或者调用其他函数，这就是“社交”，既然是“社交”就跟生活中的社交一样，有场所，有范围。代码是机器语言，有严格的规范和标准，如果没有允许，是不能随意互相调用任何数据的，最明显的限制就是局部作用域和全局作用域。...
js中的this
Wen1129511的博客
11-04 234
this 1、this的指向是由它所在函数调用的上下文决定的，而不是由它所在函数定义的上下文决定的； 2、当一个函数作为函数而不是方法来调用的时候，this指向的是全局对象，反之this指向方法前的对象（也就是说当出现 [对象].[函数名] 时，this指向是[对象]）。 demo1: 指向方法前的对象 var obj = { x:20, f:function(){ console.log(this.x); } }; obj.f(); //输出2
JS的this
ahang的博客
04-19 95
<script type="text/javascript"> // 用函数的方式调用时this指向的是window // 用方法调用this时执行的是调用方法的对象 // this指向的是一个对象 这个对象称为函数执行的上下文对象 // 根据函数调用方式不同,this指向不同的对象 // function fun(a, b) { // console.log(this.name);
js this
你如今的气质里，藏着你走过的路，经历过的事，读过的书，和爱过的人。
06-16 478
var o = { m: function() { var self = this; console.log(this === o); //true fn(); function fn() { console.log(this === o); //false console.l...
JS 中的 this
weixin_43678000的博客
06-15 805
本文是本人阅读MDN文档和Dmitri Pavlutin的博客后写下的this学习笔记, 主要翻译自Dmitri Pavlutin的博客 Gentle Explanation of “this” in JavaScript，并添加了自己的理解和例子。本文只讨论浏览器环境下的this，且不保证正确。
js中this的使用
z_zzz_111的博客
03-08 665
js中this 1.函数预编译过程 this ——&gt; window 2.全局作用域里 this ——&gt; window 3.call/apply 可以改变函数运行时 this 指向 4.obj.function();function()里面的this指向obj 与其他语言相比，函数的 this 关键字在 JavaScript 中的表现略有不同，此外，在严格模式和非严格模式之间也会有一些...
JavaScript中的this指向详解
在JavaScript中，this指向是一个非常重要的语法点，对于理解JavaScript的作用域和对象调用非常关键。本文主要包含全局环境中的this指向、上下文对象调用中的this、事件绑定的元素改变this指向、箭头函数的this指向等...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值