浅析微信小程序生命周期之应用生命周期后端RuiHepan的博客-

浅谈微信小程序生命周期之应用生命周期

参考：微信小程序官方文档

已经做了一整年的小程序，但是一直都不太了解小程序的生命周期到底是怎么样的，最近又开始跟搞一个关于在线聊天的小程序，就开始考虑小程序的生命周期到底是怎么样的，因此我就去官方文档学习了一下，在这里做一下总结。废话少说，直接来。

1、App(Object object)
微信小程序应用生命周期从注册小程序生命周期开始说起，拿Vue.js这比喻，我们要使用Vue就得先new一个Vue对象。而微信小程序通过App(Object object)这个函数来注册小程序，接受一个 Object 参数，其指定小程序的生命周期回调等。
Tip: App() 必须在 app.js 中调用，必须调用且只能调用一次。不然会出现无法预期的后果。

2、App()参数
App(Object object)也可称为注册程序，这个程序里包含了些关于小程序生命周期相关的函数。或称为App()函数的参数，参数类型是Object object。如下

3、示例代码

App({ onLaunch (options) { // Do something initial when launch. }, onShow (options) { // Do something when show. }, onHide () { // Do something when hide. }, onError (msg) {     console.log(msg) },   globalData: 'I am global data' }) 

这里需要特别说明的是 globalData 这个函数/对象，这里可以写成函数也可以写成一个单独的变量，这个函数的作用通常是存储全局变量。例如我们在开发过程中可以将后端给的API链接前缀写在这里，这样在项目上线的时候更改API前缀我们就不用一个个去改。如下
app.js中

//当要存储多个全局变量时，应该这样写 globalData: {     userInfo: null,     urlFirst:'https://192.168.1.15:8089/AppleCampus/f' } 

再需要使用的页面js文件下，例如index.js中，这样去使用

//index.js //获取应用实例 const app = getApp() Page({   data: { //…… },   onLoad: function () {     wx.request({ //使用应用实例对象app去点访问app.js下的globalData函数下的urlFirst 变量       url: app.globalData.urlFirst + '/module/index/getScheduleData',        data: {}, success(res) { } }); }) 

这里最后描述的全局表量的使用其实就相当于一点自己的开发经验了。

上一篇：详解微信小程序目录结构，浅析微信小程序技术架构