【微信小程序】App.js生命周期

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

1、小程序的生命周期-App.js

App() 必须在 app.js 中注册，且不能注册多个。所以App（）方法在一个小程序中有且仅有一个。

App({
onLaunch: function () {
console.log('App Launch')
this.initCloud();
},
onShow: function () { },
onHide: function () {
console.log('App Hide')
},
globalData: {
hasLogin: false, },
}
})

onLaunch 生命周期函数–监听小程序初始化

当小程序初始化完成时，会触发 onLaunch（全局只触发一次）。

onShow 生命周期函数–监听小程序显示

当小程序启动，或从后台进入前台显示，会触发 onShow

onHide 生命周期函数–监听小程序隐藏

当小程序从前台进入后台，会触发 onHide

onError 错误监听函数

当小程序发生脚本错误，或者 api 调用失败时，会触发 onError 并带上错误信息

其他 Any 开发者可以添加任意的函数或数据到 Object 参数中，用 this 可以访问，上面的getPics就是函数， globalData是数据，这里面的函数和数据都是全局的。调用方式：在Pager中通过getApp()方法得到App对象并获得全局的数据和调用全局的函数。

前台、后台定义：当用户点击左上角关闭，或者按了设备 Home 键离开微信，小程序并没有直接销毁，而是进入了后台；当再次进入微信或再次打开小程序，又会从后台进入前台。
只有当小程序进入后台一定时间，或者系统资源占用过高，才会被真正的销毁。

2.小程序页面的生命周期

Page({
data:{ },
onLoad:function(options){
// 生命周期函数--监听页面加载
console.log("test1 onLoad");
},
onReady:function(){
// 生命周期函数--监听页面初次渲染完成
console.log("test1 onReady");
},
onShow:function(){
// 生命周期函数--监听页面显示
console.log("test1 onShow");
},
onHide:function(){
// 生命周期函数--监听页面隐藏
console.log("test1 onHide");
},
onUnload:function(){
// 生命周期函数--监听页面卸载
console.log("test1 onUnload");
},
onPullDownRefresh: function() {
// 页面相关事件处理函数--监听用户下拉动作
console.log("test1 onPullDownRefresh");
},
onReachBottom: function() {
// 页面上拉触底事件的处理函数
console.log("test1 onReachBottom");
}})