小程序生命周期

202 阅读1分钟

小程序的生命周期主要涉及到小程序本身的启动、显示、隐藏和结束,以及页面的加载、显示、隐藏和卸载。下面是一些主要的生命周期函数:

小程序全局的生命周期

  • onLaunch: 当小程序初始化完成时,会触发 onLaunch(全局只触发一次)
  • onShow: 当小程序启动,或从后台进入前台显示,会触发 onShow
  • onHide: 当小程序从前台进入后台,会触发 onHide
  • onError: 当小程序发生脚本错误,或者 api 调用失败时,会触发 onError
  • onPageNotFound: 当小程序要打开的页面不存在时触发,会带上页面信息回调该函数

页面的生命周期

  • onLoad: 监听页面加载,其参数可以获取打开当前页面路径中的参数
  • onShow: 监听页面显示,页面每次打开都会调用
  • onReady: 监听页面初次渲染完成,一个页面只会调用一次
  • onHide: 监听页面隐藏,当navigateTo或底部tab切换时调用
  • onUnload: 监听页面卸载,当redirectTo或navigateBack的时候调用

示例代码

这里是一个简单的示例,展示如何在小程序中使用这些生命周期函数:

// app.js
App({
  onLaunch: function() {
    console.log('App Launch');
  },
  onShow: function() {
    console.log('App Show');
  },
  onHide: function() {
    console.log('App Hide');
  },
  onError: function(msg) {
    console.log('App Error: ' + msg);
  }
});

// index.js (某个页面)
Page({
  onLoad: function(options) {
    console.log('Page onLoad with options: ', options);
  },
  onShow: function() {
    console.log('Page onShow');
  },
  onReady: function() {
    console.log('Page onReady');
  },
  onHide: function() {
    console.log('Page onHide');
  },
  onUnload: function() {
    console.log('Page onUnload');
  }
});