【uniapp】this有时为啥打印的是undefined?(箭头函数修改this)

在这里插入图片描述
博主:初映CY的前说(前端领域) ,本文核心:uniapp中this指向问题

前言:this大家知道是我们当前项目的实例,我们可以在这个this上面拿到我们原型上的全部数据。这个常用在我们在方法中调用其他方法使用。

⭐一、uniapp中this指向
简而言之,记住一句话:箭头函数可以修改this指向
下面来看这个例子,我是用uni官网的api举个例子uni.getSystemInfo


```javascript






注意点:我调用方法中成功success使用的是箭头函数,此刻我们可以看到我们的this是什么
在这里插入图片描述
展开就是我们当前实例
【uniapp】this有时为啥打印的是undefined?(箭头函数修改this)_第1张图片
那我们用传统的非箭头试试看:
代码修改如下:
【uniapp】this有时为啥打印的是undefined?(箭头函数修改this)_第2张图片
日志输出查看,我们的this找不到了
在这里插入图片描述
总结:使用uniapp中api的时候一定是需要使用箭头函数的呦,同理这是使用vue语法中时刻需要注意的。

至此本文结束,愿你有所收获!
期待大家的关注与支持! 你的肯定是我更新的最大动力!!!

你可能感兴趣的:(uni-app)