前言

不同的生命周期钩子往往会有不同的效果，决定了函数里面的内容运行的触发条件和时机。

onLoad生命周期函数

触发时机

• 第一次初始化小程序页面时触发（小程序页面初始化，运行的最早的生命周期函数）

触发条件

• 小程序当前页面第一次被加载时(并且小程序页面栈中没有当前页面的缓存)

注意点

• 使用wx.navigateBack跳转到上个页面，不会触发上个页面onLoad

  wx.navigateBack({
      delta: 0
  })
  //因为上一个页面还在，页面栈中（可以理解为缓存中）
  

• 跳转到tabbar页面也不会触发tabbar页面的onLoad

   wx.switchTab({
       url: '/pages/index/index',
   })
  

• 无法通过getCurrentPage()获取当前页面，因为page对象还未生成

• 唯一可以获取传递参数的生命周期

使用场景

• 请求数据

  • 不用每次回到这个页面都要刷新的数据

• 例如：轮播图、首页商品、评论

• 第一次进入页面就要做的事情

  • 判断登录
  • 权限校验
  • 数据处理

onShow生命周期函数

触发时机

• 第一次页面显示（小程序页面显示初始化，运行的最早的生命周期函数）
• 后台切到前台 （小程序切到手机后台，短时间内再打开，长时间小程序会被手机杀死）
• 页面跳转（所以跳转都可以）

触发条件

• 小程序当前页面第一次被加载时
• 小程序当前页面再一次显示（程序页面栈中有当前页面的缓存）

注意点

• 使用wx.previewImage放大查看图片，会触发页面的onShow

使用场景

• 请求数据
  • 来回跳转页面需要实时更新的数据
  • 后台切换到前台，需要做的事情