微信小程序开发详解——生命周期

生命周期是指小程序从创建到销毁的一系列过程

在小程序中，通过App（）注册小程序，通过page（）注册页面

让我们看看小程序项目结构

形象

如上图所示，根目录包含三个文件：app。js``，app。wxss和app。json公司

这是小程序的全局文件，app Js是小程序逻辑，app。json是applet公共设置和app。wxss是小程序公共样式表

应用内的。js文件定义了一些生命周期方法，如onLaunch、onShow、onHide、onError，以及任何开发人员添加的函数或数据（可通过此文件访问）

以下是每个生命周期方法的角色和描述

OnLaunch生命周期函数——监听小程序初始化。小程序初始化完成后，将触发onLaunch（仅全局一次）

OnShow生命周期功能——监控小程序显示当小程序从后台启动或进入前台显示时，将触发OnShow

OnHide生命周期函数--监视隐藏的小程序当小程序从前台进入后台时，将触发OnHide

OnError错误监控功能当小程序发生脚本错误或api调用失败时，将触发OnError并显示错误消息

其他任何开发人员都可以将任何函数或数据添加到Object参数中，可以使用

我们在app中。以下方法在js文件中定义并打印出来

app({

onLaunch:函数（选项）{

console.log（“app.js---onLaunch---”+JSON.stringify（选项））；

},

onShow:函数（）{

console.log（“app.js---onShow---”）；

},

onHide:函数（）{

console.log（“app.js---onHide---”）；

},

onError:函数（消息）{

console.log（“app.js---onError---”+msg）；

},

全局数据：{

用户信息：空

}

})

形象

下面是一些打开小程序并打印它的方法

可以看到，打开的程序在app下执行onLaunch和onShow方法。js，以及页面中的onLoad、onShow和onReady方法

onLaunch和onShow方法将返回一个参数对象，其中包含三个参数：路径、查询和场景。Path是打开小程序的路径

可以查看更多场景值

当小程序切换到后台时，它将执行以下两种方法

形象

返回小程序前台

形象

页面中定义的生命周期方法

OnLoad生命周期函数——监听页面加载

OnReady生命周期函数——聆听页面第一次呈现的完成情况

onShow生命周期功能--收听页面显示

onHide生命周期函数--侦听器页面隐藏

OnUnload生命周期函数——监听页面卸载

第页({

onLoad:函数（选项）{

安慰日志（“页面---加载---”）；

},

onReady:函数（）{

安慰日志（“page--onReady----”）；

},

onShow:函数（）{

安慰日志（“页面---显示---”）；

},

onHide:函数（）{

安慰日志（“page---onHide---”）；

},

onUnload:函数（）{

安慰日志（“页面---卸载---”）；

}

})

其中，打开小程序后，将依次执行onLoad、onReady和onShow方法

在前后控制台之间切换时，将分别执行onHide和onShow方法，

销毁小程序页面时执行onUnload方法

例如，我们详细定义了onUnload方法。js语言

onUnload:函数（）{

console.log（“details.js--onUnload”）

},

当我们打开一个新页面的详细信息。wxml，然后关闭页面

形象

从上图中，我们可以看到onUnload方法在页面上执行

此外，小程序为我们提供了全局数据管理，并获得了app。js实例通过页面上的getApp（）方法

例如：

我们在app.js中定义了一个globalData数据对象

app({

全局数据：{

用户信息：空

}

})

//其他.js

var appInstance=获取app（）

console.log（appInstance.globalData）

小心：

应用（）必须在应用中注册。js，并且不能有多个。

不要在App（）中定义的函数中调用getApp（）。使用此项获取app实例。

当onLaunch正在进行时，不要调用getCurrentPages（）。此时，页面尚未生成。

通过getApp（）获取实例后，不要私自调用生命周期函数。