小程序中的生命周期函数

1. 生命周期函数

      是由小程序框架提供的内置函数，会伴随着生命周期，自动按次序执行

2. 生命周期函数的作用

     允许程序员在特定的生命周期时间点上，执行某些特定的操作，例如：页面刚加载的时候，在生命周期函数中自动发起数据请  求，获取当前页面的数据

     注意： 

     小程序中的生命周期强调的是时间段，小程序中的生命周期函数强调的是时间点

3. 生命周期函数的分类

小程序中的生命周期函数，分为两种类型：

• 应用生命周期函数
• 页面生命周期函数

4. 应用生命周期函数

app.js 是小程序执行的入口文件，在app.js中必须调用 App() 函数，且只能调用一次，其中，App()函数是用于注册并执行小程序的

App( Object ) 函数接收一个object参数，可以通过这个object参数，指定小程序的生命周期函数

例如：

App({

    // 小程序初始化完成时，执行此函数，可以做一些初始化的工作
    onLaunch: function( options ){}
    // 小程序显示到屏幕上的时候，执行此函数
    onShow: function( options ){}
    // 小程序被最小化的时候，执行此函数
    onHide: function(){}

})

应用生命周期函数列表：

属性	类型	描述	触发时机
onLaunch	Function	生命周期回调—监听小程序初始化	小程序初始化完成时( 全局只触发一次 )
onShow	Function	生命周期回调—监听小程序显示	小程序启动，或从后台进入前台显示时
onHide	Function	生命周期回调—监听小程序隐藏	小程序从前台进入后台时

5. 页面生命周期函数

每个小程序页面，必须拥有自己的.js文件，且必须调用Page() 函数，否则报错，其中Page() 函数用来注册

小程序页面

Page( object )函数接收一个object参数，可以通过这个object参数，指定页面的生命周期函数

例如：下面的顺序就是页面生命周期函数执行的顺序，即：onLoad-->onShow-->onReady-->onHide-->onUnload

在每个页面当中它的onHide和onShow是循环触发的

 

Page({
    onLoad: function( options ){},   //监听页面加载，options用来接收别的页面传递过来的参数
    onShow: function(){}, //监听页面显示
    onReady: function(){}, //监听页面初次渲染完成
    onHide: function(){}, //监听页面隐藏
    onUnload: function(){} //监听页面卸载

})

页面生命周期函数列表：

属性	类型	描述
onLoad	Function	生命周期回调—监听页面加载
onShow	Function	生命周期回调—监听页面显示
onReady	Function	生命周期回调—监听页面的初次渲染完成
onHide	Function	生命周期回调—监听页面隐藏
onUnload	Function	生命周期回调—监听页面卸载