千锋教育-做有情怀、有良心、有品质的职业教育机构

手机站
千锋教育

千锋学习站 | 随时随地免费学

千锋教育

扫一扫进入千锋手机站

领取全套视频
千锋教育

关注千锋学习站小程序
随时随地免费学习课程

当前位置:首页  >  技术干货  > onLaunch的全面解析

onLaunch的全面解析

来源:千锋教育
发布人:xqq
时间: 2023-11-22 09:13:57 1700615637

一、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中添加一些全局变量或者方法,以便在小程序的各个页面中使用。

tags: onlaunch
声明:本站稿件版权均属千锋教育所有,未经许可不得擅自转载。
10年以上业内强师集结,手把手带你蜕变精英
请您保持通讯畅通,专属学习老师24小时内将与您1V1沟通
免费领取
今日已有369人领取成功
刘同学 138****2860 刚刚成功领取
王同学 131****2015 刚刚成功领取
张同学 133****4652 刚刚成功领取
李同学 135****8607 刚刚成功领取
杨同学 132****5667 刚刚成功领取
岳同学 134****6652 刚刚成功领取
梁同学 157****2950 刚刚成功领取
刘同学 189****1015 刚刚成功领取
张同学 155****4678 刚刚成功领取
邹同学 139****2907 刚刚成功领取
董同学 138****2867 刚刚成功领取
周同学 136****3602 刚刚成功领取
相关推荐HOT