如何解决this指向失效问题

最新推荐文章于 2023-03-19 19:19:00 发布
最新推荐文章于 2023-03-19 19:19:00 发布
阅读量409 收藏
点赞数
文章标签： ajax javascript jquery css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/feixiangdeguo/article/details/129376099
版权
this在JavaScript中表示当前对象的引用，根据上下文不同，它可以指向全局对象、函数调用者、事件触发元素或通过call()、apply()方法指定的对象。箭头函数不绑定自己的this，而在构造函数中，this指向新创建的实例。
摘要由CSDN通过智能技术生成

首先要知道什么是this指向;

面向对象语言中 this 表示当前对象的一个引用。

  • 在方法中，this 表示该方法所属的对象。
  • 如果单独使用，this 表示全局对象。
  • 在函数中，this 表示全局对象。
  • 在函数中，在严格模式下，this 是未定义的(undefined)。
  • 在事件中，指向触发事件的元素本身,this 表示接收事件的元素。
  • 类似 call() 和 apply() 方法可以将 this 引用到任何对象。
  • 箭头函数中,自身没有this指向.
  • 全局里面,指向window.
  • 对象的函数内部,指向对象本身.
  • 在对象的函数中的函数,指向window.
  • 构造函数,指向实例对象的本身
爱飞翔的六一
关注
vuethis指向问题_JS this指向！vue this 失效？
weixin_32019361的博客
01-22 756
this 指向全局环境：在全局环境下，this 始终指向全局对象(window), 无论是否严格模式；函数直接调用：普通函数内部的this分两种情况，严格模式和非严格模式。(1)，非严格模式下，this 默认指向全局对象window(2)，而严格模式下， this为undefined对象中的this对象内部方法的this指向调用这些方法的对象，函数的定义位置不影响其this指向，this指向只和调...
怎么解决React事件监听函数中this指向丢失问题？
Y974066017的博客
03-18 433
方案1：把事件绑定到一个匿名函数上 f1(){ console.log('f1......') } render() { return ( <div> <button onClick={()=>{this.f1()}}>-</button> <span >{this.count}</span> <button>+&lt
Vue 回调函数中this无效
qq_39271815的博客
08-14 6170
Vue 回调函数中this无效1、在回调函数之前将 vue 实例 this 赋值给一个变量，在回调函数中使用该变量2、使用箭头函数3、在 methods 中定义一个函数，回调函数使用该函数 记录在vue项目中使用回调函数时调用this无效问题 vue 在回调函数中 this 并不是指向 vue 实例，我在回调函数中打印了下，结果是undefined，而网上的一些博客说是 window 或 undefined，这里 window 没有出来，可能和我写的函数有关系，以后碰到再说。 直接上解决方案： 1、在回
关于 Spring 事务注解 this 调用失效的一个细节
【欢迎关注公众号：冬瓜白】
10-29 3348
下面这个是一个非常经典的 Spring 事务注解失效的例子： @Serevice public class TestService { @Resource private TestMapper testMapper; @Transactional public void method1() { int re = testMapper.insert(); int a = 1/0; } public void method2()
在函数作用域嵌套下使用this
ahe82105的博客
10-08 198
var myObj = { specialFunction: function () { console.log("specialFunction."); }, anotherSpecialFunction: function () { console.log("anotherSpecialFunction."); }, getA...
嵌套函数中的关键字this
yellowpig1210的专栏
07-24 1254
和变量不同，关键字this没有作用域的限制，嵌套的函数不会从调用它的函数中继承this。如果嵌套函数作为方法调用，其this的值指向调用它的对象。如果嵌套函数作为函数调用，其this值不是全局对象（非严格模式下）就是undefined（严格模式下）。很多人误以为调用嵌套函数时this会指向调用外层函数的上下文。如果你想访问这个外部函数的this值，需要将this的值保存在一个变量里，这个变量和内...
解决vue.js this.$router.push无效的问题
10-18
总结来说，解决this.$router.push无效的问题通常需要从Vue Router的配置、this指向、生命周期、路由守卫以及浏览器兼容性等多个角度入手。开发者需要根据实际情况进行逐步排查和调试，直到找到问题的根源并解决。在...
解决vue的变量在settimeout内部效果失效的问题
12-02
总之，当在Vue中遇到`setTimeout`内修改变量不生效的情况时，务必注意`this`的指向问题。通过使用箭头函数或保存`this`到一个变量，可以确保在异步操作中仍能正确地修改Vue实例的状态，并触发视图的更新。理解这一...
Javascript中this指向丢失原因及解决办法详解
T型人小付的博客
08-04 4425
大家都知道JS中的this关键字通常出现在函数或者方法中，用来指向调用该函数或者方法的对象。但是在很多时候this的指向却并不总是如我们所愿，这一篇文章就一起来看看到底该如何判断this所指向的对象，同时在this指向丢失情况下如何恢复。 文章目录this指向丢失多重调用以及箭头函数this指向丢失解决办法bind传递函数参数总结 this指向丢失 相信有过面向对象编程经验的朋友对于this的使用不会陌生，来看两个例子 function Student(name){ this.name=name;
javascript中遇到this指针问题的说明
weixin_43977647的博客
11-08 201
问题描述 在Vue框架中写了一个global.vue用来存放Vue文件中的全局变量，或者是一种代替Vue本身store的方法，在global.vue中一开始写了一个函数如下： function panAndZoom (point) { let that = this this.map.panTo(point) setTimeout(function () { ...
JavaScript嵌套函数this的指向问题
weixin_34090562的博客
01-28 1228
var o ={ m:function(){ var self = this; console.log(this === o);//true f(); function f(){ console.log(this === o);//false console.log(self === o);//true } } };...
函数this指向
qq_48439911的博客
04-24 405
this的指向 这些this的指向,是当我们调用函数的时候确定的。调用方式的不同决定了this的指向不同。 一般指向我们的调用者. 调用方式 this指向 普通函数调用 window 构造函数调用 实例对象 原型对象里面的方法也指向实例对象 对象方法调用 该方法所属对象 事件绑定方法 绑定事件对象 定时器函数 window 立即执行函数 window this指向的改变 我们也可以改变函数内this的指向，js提供了三种方法 call() ，apply() , b
箭头函数无法使用this的解决方法
anphygvyti09102的博客
08-03 984
ES6中箭头函数 () => { } ，看到这么简单的写法，我也是很喜欢用的。但是如果想在箭头函数里面使用this，那么就会出现获取不到当前对象，而是获取到window对象。 下面这个是ES5中原型链上添加了一个say函数，在函数内打印出this对象，运行后能够得到正确 Person {name: "小米", age: 7} <!DOCTYPE htm...
$(this)失效详解
masterphp的博客
02-24 487
$(this)失效详解
Spring事务传播行为及失效this详解
Linging_24的博客
12-05 3226
使用this失效的场景： 无事务方法A，使用this调用开启默认事务方法B，无论在A方法中抛出异常，还是在B方法中抛出异常，方法A和方法B的操作都不会回滚。 无事务方法A，使用代理对象调用开启默认事务方法B，如果方法A抛出异常，方法A和方法B的操作都不会回滚；如果方法B抛出异常，则方法B的操作会回滚，方法A的操作不会回滚。 开启默认事务方法A，无事务方法B，方法A使用this或者代理对象调用方法B，方法A抛出异常，方法A和方法B的操作都会回滚。 开启默认事务方法A，无事务方法B，方法A使用this或者代理
SpringAOP中，使用this调用方法的问题
最新发布
qq_30436011的博客
03-19 368
SpringAOP实际上会自动为我们创建一个Proxy，使得调用者能无感知地调用指定方法，本质上就是一个动态代理。我们只有访问这些代理对象的方法，才能获得AOP实现的功能，所以通过this引用是无法去正确使用 AOP 功能的。
React 踩坑之旅（map函数下this.类函数）
大雪的博客
02-23 2478
背景：create-react-app搭建react程序 示例组件如下： const list = [ { title: 'React', url: 'http://facebook.github.io/react/', author: 'daxue', num_components: 3, points: 4, objectID: 0, ...
c++11:std::bind
12-19 232
事情是这样的， 有两个类，A类中的成员函数要作为B类的回调函数。 查阅资料发现，c++11之前类的非静态成员函数，是不能作为回调函数的，编译器会报错。这是因为类的成员函数有一个隐藏的this指针，而回调函数的函数指针的参数是事先确定的，所以只要之前大部分是使用普通函数或静态函数作为回调指针的。 c++11后 std::bind可以解决这个问题。例如： class A { public: bool make_callback(int a, std::string& s);//类的非静态成员函数 }
解决JS对象嵌套函数 this指向的几种方法
weixin_44153194的博客
12-14 3606
在js的语法规则中，如果一个对象内存在方法，则该方法this指向当前对象。 如下所示： let obj = { age: 10, getAge: function () { console.log(this.age) } } obj.getAge();// 10 若方法中再次包含函数方法，则该嵌套函数指向全局。不能获取到本对象中的属性。 如下所示： l...
掌握this的用法与指向：理解与应用
2. 实践挑战：在工作中，如果不清楚"this"的指向，可能会导致意外的问题，尤其是在对象方法中，错误的"this"引用可能导致预期行为失效，但开发者往往难以追踪问题源头。 3. 代码优化：熟练掌握"this"的用法能帮助...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值