一、onLaunch介绍
onLaunch是小程序生命周期中最先触发的函数,也是小程序开发中最常用的一个函数,它在小程序打开时触发,一般用于完成一些初始准备工作:
App({
onLaunch: function () {
// 生命周期回调——监听小程序初始化。当小程序初始化完成时,会触发 onLaunch(全局只触发一次)
console.log('App Launch')
}
})
当小程序被打开时,onLaunch函数会被调用,我们可以在这里对小程序进行一些初始化工作,比如获取用户信息,获取小程序更新状态等操作。
二、onLaunch中的参数
onLaunch函数有一个参数options,是启动参数。调用时,会将启动参数(options)传递到对应的生命周期回调函数中,我们可以通过options获取小程序启动时的参数,例如:
App({
onLaunch: function (options) {
console.log(options.query)
//输出:{id: 1, name: "example"}
}
})
通过参数options,我们可以获取小程序启动时场景值、来源信息等特殊参数,以便根据该参数进行不同的业务处理。
三、onLaunch中的全局变量
onLaunch函数中的函数参数可通过this获取App()实例,我们可以在onLaunch中添加一些全局变量或方法,此时,在小程序的所有页面(包括子页面)中都可以访问到这些全局变量或方法。
App({
onLaunch: function () {
this.globalData = {
userInfo: null
}
}
})
此时,在小程序的其他页面中可以这样调用全局变量userInfo:
const app = getApp()
Page({
onLoad: function () {
console.log(app.globalData.userInfo)
}
})
这些全局变量可以用于保存全局数据,例如保存用户信息,app实例中需要保存的任何数据等。
四、小结
onLaunch是小程序生命周期中最先被调用的一个函数,它在小程序第一次启动时触发。通过onLaunch,我们可以进行小程序的一些初始化操作,例如获取用户信息、获取小程序更新状态等。onLaunch函数接收一个参数options,用于获取小程序启动时的参数,以便进行不同的业务处理。此外,我们还可以在onLaunch中添加一些全局变量或者方法,以便在小程序的各个页面中使用。