微信小程序--14（生命周期）

目录

一、生命周期

二、生命周期分类

三、生命周期函数

四、生命周期函数的分类

---

一、生命周期

生命周期（life cycle）指的是一个对象从创建到运行，再到销毁的整个过程，强调的是一个时间段。

比如

• 一个人从出生到死亡的整个过程就可以叫做这个人的生命周期。
• 小程序的从启动到关闭的整个过程叫做小程序的生命周期。

二、生命周期分类

页面生命周期：小程序从启动到运行，再到销毁的过程。（生命周期范围较小）

应用生命周期：小程序中，每个页面的加载到渲染，再到销毁的过程。（生命周期范围较大）

三、生命周期函数

生命周期函数是由小程序框架提供的内置函数，伴随着生命周期，自动按次序执行。

生命周期函数的作用：允许程序员在特定的时间点，执行某些特定的操作，例如，页面在刚加载时，可以在onLoad函数中实现初始化。

注意：生命周期是一个时间段，生命周期函数是一个时间点，指某一时刻。

四、生命周期函数的分类

（一）页面生命周期函数：小程序从启动到运行，再到销毁的过程中需要调用到的那些函数。

//页面的.js文件
Page({
onLoad:function(option){},//监听页面加载，一个页面只能调用一次
onShow:function(){},//监听页面显示
onReady:function(){},//监听页面初次渲染完成，一个页面只能调用一次
onHide:function(){},//监听页面隐藏
onUnLoad:function(){}//监听页面卸载，一个页面只能调用一次
})

（二）应用生命周期函数：小程序中，每个页面的加载到渲染，再到销毁的过程中需要调用到的那些函数。

// app.js
App({

  /**
   * 当小程序初始化完成时，会触发 onLaunch（全局只触发一次）
   */
  onLaunch: function () {
    console.log('onLanuch')
  },

  /**
   * 当小程序启动，或从后台进入前台显示，会触发 onShow
   */
  onShow: function (options) {
    
   console.log('onShow') 
  },

  /**
   * 当小程序从前台进入后台，会触发 onHide
   */
  onHide: function () {
    console.log('onHide')
  },

  /**
   * 当小程序发生脚本错误，或者 api 调用失败时，会触发 onError 并带上错误信息
   */
  onError: function (msg) {
    
  }
})