this指向

已于 2023-04-17 19:50:44 修改
阅读量42 收藏
点赞数
文章标签： javascript
于 2023-04-07 20:27:12 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/m0_53579196/article/details/130019930
版权
本文详细介绍了JavaScript中this的关键概念，包括在全局环境、函数内部、对象方法、箭头函数、构造函数、原型链以及事件处理函数中的不同指向规则。this的值会根据其所在的执行环境动态确定，对于理解和编写JavaScript代码至关重要。

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

一、全局环境下的this指向window
二、函数内的this指向window
三、对象中的this指向 当前对象
数组中this指向当前数组
四、箭头函数中的this
箭头函数：箭头函数里的this指向 调用函数的事件源/父元素
五、构造函数中的this
构造函数中的this是指向实例化对象。
六、原型链中的this
this这个值在一个继承机制中，仍然是指向它原本属于的对象，而不是从原型链上找到它时，它所属于的对象。
七、事件函数this指向事件源

m0_53579196
关注
解决使用attachEvent函数时，this指向被绑定的元素的问题的方法
10-30
### 解决使用attachEvent函数时，this指向被绑定的元素的问题的方法 在Web开发中，尤其是在处理Internet Explorer（IE）浏览器兼容性问题时，我们经常会遇到`attachEvent`函数中的`this`指向问题。默认情况下，`...
javascript中this指向详解
10-22
为了让读者更加深入地理解JavaScript中的this指向问题，本文将会详细分析this在不同场景下的行为，并通过实际代码示例来说明。 首先，JavaScript中的this不同于一些其他面向对象编程语言（如Java或C#）中的this。在...
this指向全解
weixin_43365995的博客
04-11 1541
理解this，你要先记住以下两点： this永远指向一个对象 this的指向完全取决于函数调用的位置 接下来我们用代码的形式一 一举例介绍 var obj = { name:'王', fun:output } ​ var name = '赵'; function output(){ console.log(this.name); } ​ obj.fun(); // 王 output(); // 赵 上述代码中，fun函数被调用了两次，显而易见的是两次的结果是不一样的； obj.f
【JavaScript】this 指向
weixin_42364929的博客
11-17 1253
① 默认绑定：在全局中声明的变量和函数（默认指向Window）；函数独立调用时（声明式函数、匿名函数 / 赋值式的方式、闭包）（都是指向Window）；立即执行函数、 setTimeout、setInterval 指向 window对象调用（也就是谁调用就是指向谁，所以就是指向调用这个函数的对象）（存在隐式丢失的问题：函数赋值和参数赋值的情况）；绑定的事件处理函数（指向的是绑定事件处理函数的标签）；（指向第一个参数）构造函数中的this指向实例化出来的对象；
一文搞懂this指向
热门推荐
官方推荐
06-20 4万+
这句话已经成为面试官口中的高频面试题，作为前端开发的我们，你真的搞懂了 this 指向了吗？快来跟我一起来查漏补缺吧！通过几个小案例让大家更能直白的理解 this 指向。
JS中的this指向
m0_55990909的博客
05-13 4万+
this的概念： 在js中，this的意思为“这个;当前”，是一个指针型变量，它动态指向当前函数的运行环境。 在不同的场景中调用同一个函数，this的指向也可能会发生变化，但是它永远指向其所在函数的真实调用者；如果没有调用者，就指向全局对象window。 普通函数：关于this，谁调用就指向谁，没有调用者，就指向全局对象window。 箭头函数：箭头函数的this指向于函数作用域所用的对象。 一、全局环境下的this指向 在全局作用域下，this始终指向全局对象window，无论是否是严格
js知识点总结之this指向
fyw1789的博客
05-29 2321
this关键字是一个非常重要的语法点。毫不夸张地说，不理解它的含义，大部分开发任务都无法完成。this可以用在构造函数之中，表示实例对象。除此之外，this还可以用在别的场合。但不管是什么场合，this都有一个共同点：它总是返回一个对象。关于this的指向，有一种广为流传的说法就是“谁调用它，this就指向谁”。这样的说法没有太大的问题，但是并不是太全面。总结起来，this的指向规律有如下几条：在函数体中，非显式或隐式地简单调用函数时，在严格模式下，函数内的this。
前端this指向详解
博哥的二进制世界
08-12 2196
前端this指向详解
如何改变this指向？this指向总结
小草莓的博客
05-04 1864
1、箭头函数中的 this 是在声明中就定义好了的，而普通函数中的 this 则是在调用时定义好的。2、基本上可以归为五类：① 全局this指向是window ② 普通函数this的指向是调用者③ 构造函数的this是new之后的新对象 ④ 箭头函数this的指向的是其父级指向⑤ call、 apply、bind的this指向的是第一个参数JavaScript 中的this用一句话来概括，就是在执行时确定的。
修改 this 指向
qq_36904182的博客
06-16 1232
文章目录前言一、new关键字改变this指向二、 call（）apply（）bind（）总结 前言 修改 this 指向,四种方法 一、new关键字改变this指向 //构造函数版this function Fn(){ this.user = "追梦子"; } var a = new Fn(); console.log(a.user); //追梦子 二、 call（） var a = { user:"追梦子", fn:function(){ console.lo
JavaScript中的this指向问题
weixin_43758377的博客
03-12 1352
JavaScript中的this是让很多开发者头疼的地方，而this关键字又是一个非常重要的语法点。毫不夸张地说，不理解它的含义，大部分开发任务都无法完成。 想要理解this，你可以先记住以下两点： 1：this永远指向一个对象； 2：this的指向完全取决于函数调用的位置； 针对以上的第一点特别好理解，不管在什么地方使用this，它必然会指向某个对象；确定了第一点后，也引出了一个问题，就是this使用的地方到底在哪里，而第二点就解释了这个问题，但关键是在JavaScript语言之中，一切皆对象，运行环境也
函数四种调用模式以及其中的this指向
08-31
本文将详细探讨函数的四种调用模式及其对应的`this`指向。 1. **函数直接执行模式** 当函数不作为任何对象的方法，直接被调用时，`this`的值取决于函数执行的环境。在浏览器环境中，如果函数在全局作用域中被调用...
深入理解js函数的作用域与this指向
10-22
当函数以对象的方法形式定义时，函数内部的this指向调用它的对象。 函数的调用方式主要有直接调用、使用call/apply方法调用以及with语句。直接调用时，函数的this指向根据函数被调用的方式确定。在全局执行环境中...
如何修改javascript中的this指向
01-20
//this指向window var res = fn.call("hello", "world", 123); //this指向"hello" console.log(res); //back ``` 在这里，`call()`的第一个参数指定了`this`的新值，后面的参数按顺序传递给`fn`函数。`call()`...
如何使用 React Hooks 替代类组件的生命周期方法？
官方推荐
05-12 3563
如何使用 React Hooks 替代类组件的生命周期方法？
Preview 插件
augenstern416的博客
05-14 428
3. **智能代码折叠**：自动折叠import等非核心代码，提升可读性"1. **双向绑定调试**：修改props实时反馈，同时生成对应代码示例。1. **代码净化**：移除危险API调用（如fetch、eval）2. **安全沙箱**：通过iframe隔离执行环境，防止恶意代码。2. **沙箱隔离**：iframe + sandbox属性限制。2. **新人 onboarding**：交互式学习组件API。/* 重置继承样式 */3. **API 设计反馈**：通过使用数据优化组件设计。
如何选择合适的企业级商城系统前端状态管理方案？
最新发布
万米商云的博客
05-14 467
在复杂的电商场景中，前端状态管理是保障系统高性能、可维护性和数据一致性的核心环节。面对商品数据实时更新、多模块状态共享、高并发请求等挑战，如何选择合适的状态管理方案？
bootstrap自助（抽样）法
weixin_62528784的博客
05-12 797
bootstrap自助法抽样
JavaScript中的this指向详解
本文主要包含全局环境中的this指向、上下文对象调用中的this、事件绑定的元素改变this指向、箭头函数的this指向等内容。在JavaScript中，this关键字可以用在构造函数中，表示实例对象，也可以用在其他场合，但无论是...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值