this指向

最新推荐文章于 2024-10-16 16:26:58 发布
最新推荐文章于 2024-10-16 16:26:58 发布
阅读量53 收藏
点赞数
分类专栏： javascript 文章标签： javascript
原文链接：https://blog.csdn.net/m0_46846526/article/details/118764385
版权

1.全局作用域下的this,指向window

2.函数中的this,看谁调用，指向调用者

全局调用就指向window ,严格模式指向undefined

3.对象方法中的this,指向调用者

4事件绑定中的this，window环境中指向window,运行在节点对象中，指向dom,换成箭头函数，指向上级作用域，一般是window

5.构造函数中的this,指向当前实例化对象

6定时器中的this,指向window.

恒福源
关注
专栏目录
this指向全解
weixin_43365995的博客
04-11 1488
理解this，你要先记住以下两点： this永远指向一个对象 this的指向完全取决于函数调用的位置 接下来我们用代码的形式一 一举例介绍 var obj = { name:'王', fun:output } ​ var name = '赵'; function output(){ console.log(this.name); } ​ obj.fun(); // 王 output(); // 赵 上述代码中，fun函数被调用了两次，显而易见的是两次的结果是不一样的； obj.f
一文搞懂this指向
热门推荐
官方推荐
06-20 4万+
这句话已经成为面试官口中的高频面试题，作为前端开发的我们，你真的搞懂了 this 指向了吗？快来跟我一起来查漏补缺吧！通过几个小案例让大家更能直白的理解 this 指向。
JS中的this指向
m0_55990909的博客
05-13 3万+
this的概念： 在js中，this的意思为“这个;当前”，是一个指针型变量，它动态指向当前函数的运行环境。 在不同的场景中调用同一个函数，this的指向也可能会发生变化，但是它永远指向其所在函数的真实调用者；如果没有调用者，就指向全局对象window。 普通函数：关于this，谁调用就指向谁，没有调用者，就指向全局对象window。 箭头函数：箭头函数的this指向于函数作用域所用的对象。 一、全局环境下的this指向 在全局作用域下，this始终指向全局对象window，无论是否是严格
js知识点总结之this指向
fyw1789的博客
05-29 1726
this关键字是一个非常重要的语法点。毫不夸张地说，不理解它的含义，大部分开发任务都无法完成。this可以用在构造函数之中，表示实例对象。除此之外，this还可以用在别的场合。但不管是什么场合，this都有一个共同点：它总是返回一个对象。关于this的指向，有一种广为流传的说法就是“谁调用它，this就指向谁”。这样的说法没有太大的问题，但是并不是太全面。总结起来，this的指向规律有如下几条：在函数体中，非显式或隐式地简单调用函数时，在严格模式下，函数内的this。
前端this指向详解
博哥的二进制世界
08-12 2084
前端this指向详解
如何改变this指向？this指向总结
小草莓的博客
05-04 1621
1、箭头函数中的 this 是在声明中就定义好了的，而普通函数中的 this 则是在调用时定义好的。2、基本上可以归为五类：① 全局this指向是window ② 普通函数this的指向是调用者③ 构造函数的this是new之后的新对象 ④ 箭头函数this的指向的是其父级指向⑤ call、 apply、bind的this指向的是第一个参数JavaScript 中的this用一句话来概括，就是在执行时确定的。
修改 this 指向
qq_36904182的博客
06-16 1191
文章目录前言一、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
this 指向详解
L的博客
03-02 1011
this指向详解
this指向问题以及如何改变指向
weixin_53954018的博客
07-05 945
箭头函数的"this"是静态的，它捕获其定义时（而不是运行时）的上下文。因此，箭头函数通常不适合作为Vue组件中方法的定义方式，因为它无法访问Vue实例的数据和方法。：普通函数的"this"是在运行时动态绑定的，取决于函数的调用方式和上下文。Vue.js在模板和事件处理函数中自动绑定了组件实例，以便确保方法中的"this"指向正确。会指向当前的Vue实例，因为Vue在内部会确保方法被调用时绑定正确的上下文。方法创建一个新的函数，称为绑定函数，它会把指定的对象绑定为调用函数时的。
解决使用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指向
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()`...
ECMAScript标准解析及其发展历史与技术演进
qq_20245171的博客
10-15 765
ECMAScript（简称ES）是由ECMA国际（欧洲计算机制造商协会）制定的一种脚本语言规范。它是JavaScript、JScript等语言的基础，并为现代Web开发提供了强大的支持。ECMAScript标准不仅定义了语言的语法和语义，还涵盖了数据类型、对象模型和执行环境等内容，极大推动了JavaScript语言的发展。本文将全面介绍ECMAScript标准的起源、各个版本的演变、关键特性以及未来趋势，深入探讨其对Web开发及编程语言设计的影响。
深入解析：React中的信号组件与细粒度更新
Fisher的专栏
10-15 787
介绍了前端大火的signal原理，引入AutoStore为React提供了信号组件，帮助实现细粒度更新
基于Java微信小程序的水果销售系统详细设计和实现(源码+lw+部署文档+讲解等)
最新发布
源码好优多
10-16 902
请联系我获取更详细的演示视频。
React入门 9：React Router
pingguocu3的博客
10-13 603
路由routing）就是通过互联的网络把信息从源地址传输到目的地址的活动。以上是中文维基百科对路由的解释。通俗的来讲，把一个地方的信息传输到他想去的目的地的过程，就叫路由。
JavaScript中的this指向详解
本文主要包含全局环境中的this指向、上下文对象调用中的this、事件绑定的元素改变this指向、箭头函数的this指向等内容。在JavaScript中，this关键字可以用在构造函数中，表示实例对象，也可以用在其他场合，但无论是...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值