小程序

微信小程序const app=getApp()的作用,实现page页面获取全局数据

2022-11-27

app.js的作用

app.js是整个小程序项目的入口文件,


如果小程序要运行,第一个被执行的文件就是app.js,第一个被执行的代码是app.js中的onLaunch方法

在app.js中可以书写小程序的全局业务逻辑

在app.js里面,写上一些需要的东西,如globalData,在其他页面需要时,可以直接调用,无需一直写


app.js的使用

通过const app = getApp()实现在page页面获取app.js从而获取app.js中定义的全局数据globalData


比如

①在app.js——App({ })里面写

   globalData: {

      userlnfo: null,

      openid:null

   }

②在my.js开头写上

   const app = getApp()

③然后就可以在page里面的onShow()里调用你需要的东西!

   onShow(){

       console.log(app-globalData.userInfo);

       console.log(app.globalData.openid);

       const userinfo=wx.getStorageSync("userinfo");

  }


具体使用可以在用户登录例子上

判断是否存在登录,登录过就改变app.js里面的配置


逻辑原理:

如果全局里面没有用户的信息,需要跳转到登录的页面进行登录,如果说有了用户的信息就不用跳转到登录页面,当登录完成之后,我们就可以设置全局的数据,然后返回到跳转的页面,直接读取用户的信息就可以。


通过const app = getApp()实现在 page 页面获取 app.js,从而获取app.js中定义的全局数据globalData

golddata是全局变量   在app.js中写,用const app = getApp()可以在其他页面调用它