微信小程序有哪些生命周期函数?

推荐答案

微信小程序的生命周期函数主要包括以下几类:

  1. 应用生命周期函数

    • onLaunch: 小程序初始化完成时触发,全局只触发一次。
    • onShow: 小程序启动或从后台进入前台显示时触发。
    • onHide: 小程序从前台进入后台时触发。
    • onError: 小程序发生脚本错误或 API 调用失败时触发。
  2. 页面生命周期函数

    • onLoad: 页面加载时触发,一个页面只会调用一次。
    • onShow: 页面显示/切入前台时触发。
    • onReady: 页面初次渲染完成时触发,一个页面只会调用一次。
    • onHide: 页面隐藏/切入后台时触发。
    • onUnload: 页面卸载时触发。
  3. 组件生命周期函数

    • created: 组件实例刚刚被创建时触发。
    • attached: 组件实例进入页面节点树时触发。
    • ready: 组件在视图层布局完成后触发。
    • moved: 组件实例被移动到节点树另一个位置时触发。
    • detached: 组件实例从页面节点树移除时触发。
    • error: 组件方法抛出错误时触发。

本题详细解读

应用生命周期函数

  • onLaunch: 当小程序初始化完成时,会触发 onLaunch 函数。这个函数只会被调用一次,通常用于小程序的全局初始化操作,比如获取用户信息、检查登录状态等。

  • onShow: 当小程序启动或从后台进入前台显示时,会触发 onShow 函数。这个函数可以用来处理一些需要在页面显示时执行的操作,比如更新页面数据。

  • onHide: 当小程序从前台进入后台时,会触发 onHide 函数。这个函数可以用来处理一些在页面隐藏时需要执行的操作,比如保存页面状态。

  • onError: 当小程序发生脚本错误或 API 调用失败时,会触发 onError 函数。这个函数可以用来捕获错误并进行相应的处理。

页面生命周期函数

  • onLoad: 当页面加载时,会触发 onLoad 函数。这个函数只会被调用一次,通常用于页面的初始化操作,比如获取页面参数、请求数据等。

  • onShow: 当页面显示或切入前台时,会触发 onShow 函数。这个函数可以用来处理一些需要在页面显示时执行的操作,比如更新页面数据。

  • onReady: 当页面初次渲染完成时,会触发 onReady 函数。这个函数只会被调用一次,通常用于页面渲染完成后执行的操作,比如操作 DOM 元素。

  • onHide: 当页面隐藏或切入后台时,会触发 onHide 函数。这个函数可以用来处理一些在页面隐藏时需要执行的操作,比如保存页面状态。

  • onUnload: 当页面卸载时,会触发 onUnload 函数。这个函数可以用来处理一些在页面卸载时需要执行的操作,比如清理定时器、取消网络请求等。

组件生命周期函数

  • created: 当组件实例刚刚被创建时,会触发 created 函数。这个函数可以用来进行组件的初始化操作。

  • attached: 当组件实例进入页面节点树时,会触发 attached 函数。这个函数可以用来处理一些在组件挂载时需要执行的操作。

  • ready: 当组件在视图层布局完成后,会触发 ready 函数。这个函数可以用来处理一些在组件布局完成后需要执行的操作。

  • moved: 当组件实例被移动到节点树另一个位置时,会触发 moved 函数。这个函数可以用来处理一些在组件移动时需要执行的操作。

  • detached: 当组件实例从页面节点树移除时,会触发 detached 函数。这个函数可以用来处理一些在组件卸载时需要执行的操作。

  • error: 当组件方法抛出错误时,会触发 error 函数。这个函数可以用来捕获组件中的错误并进行相应的处理。

纠错
反馈