js修改本地json文件_微信小程序云开发教程微信小程序的JS高级全局数据读写

  同学们大家好,我是小伊同学,介绍完API的相关知识,我们继续来学习一些更加复杂的js知识,今天我们先来看一下全局数据读写。

42881f7e5ba96564592d81fb050407dc.png

  在讲解全局数据之前,我们先来回顾一下,之前在讲解小程序架构的时候,我们曾说过,小程序根目录下,有三个以app开头的文件,后缀分别为js、wxss和json,我们说js是全局的逻辑,wxss是全局的样式,json是全局配置。那么全局数据就是在这里的app.json中。app.json文件中的内容和页面的js文件其实是差不多的。开头的App表明了注册一个小程序,必须在app.js中调用一次且只能一次,小程序才能正常运行。花括号的内容中也可以书写onLunch等函数,之前我们讲过页面的,这里同理,是小程序初始化回调函数。对于小程序的全局其实也是存在生命周期的,可以类比我们前面讲的页面的生命周期,不过因为这部分基本用不到,我们就不过多讲解了。在花括号中除了回调函数之外,还可以看到有一个globalData对象,那么这就是全局变量,那么默认创建的全局变量中,只有一个,变量名为userInfo,初始赋值为null,如果写多个变量,同样需要用逗号进行分隔。这里的globalData并不是固定的,大家也可以改成其他名称,只要是app中的js对象都能作为全局变量使用,但是我们按照命名规范更加推荐这种。

e516ae1468a9c499f4d0e6c9dc643eb7.png

  下面,我们来看一下,各个页面是如何与全局数据进行交互的,这里我们使用的语句是getApp,这个对象可以在js中的任何位置当作一个变量被调用,它指向了当前小程序的全局对象,即app.js文件。下面给出了一个示例,如果我们在app.json中定义了globalData如右边所示,在页面的js文件的onLoad函数中可以使用getApp点globalData点变量名进行读取和修改。这里getApp就相当于是app.json中的全局即App部分,globalData则对应了花括号中的globalData,abc对应了其中的abc属性。

da37201f661ea47b14dcf41b3a7bcb94.png

  如图所示,分别为app.js和页面js文件,下方窗口显示了打印输出的情况。我们在页面中读取了全局数据中的test变量,以及全部的全局数据,然后对test变量进行了修改,再次打印后可以看到对于全局变量的修改是成功的。这就是全局数据与页面进行的交互,如果我们希望将数据传递给其他页面那么就可以将数据放入全局数据中,然后在其他页面再从全局数据中读取即可。

  本节的内容到此结束,数据处理是js的两个核心功能之一,下面一节我们将讲解数据处理部分的页面间数据传递,我们明天继续。

想看视频版?

关注公号“微程序学堂”,我们的视频教程即将上线

如果你自己写了好文章想投稿

请联系我们

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值