鸿蒙5.0开发进阶：JS组件-生命周期

往期鸿蒙5.0全套实战文章必看：（文中附带全栈鸿蒙5.0学习资料）

• 鸿蒙开发核心知识点，看这篇文章就够了

• 最新版！鸿蒙HarmonyOS Next应用开发实战学习路线

• 鸿蒙HarmonyOS NEXT开发技术最全学习路线指南

• 鸿蒙应用开发实战项目，看这一篇文章就够了（部分项目附源码）

---

生命周期

应用生命周期

在app.js中可以定义如下应用生命周期函数：

属性	类型	描述	触发时机
onCreate	() => void	应用创建	当应用创建时调用。
onDestroy	() => void	应用销毁	当应用退出时触发。

页面生命周期

在页面JS文件中可以定义如下页面生命周期函数：

说明

属性	类型	描述	触发时机
onInit	() => void	页面初始化	页面数据初始化完成时触发，只触发一次。
onReady	() => void	页面创建完成	页面创建完成时触发，只触发一次。
onShow	() => void	页面显示	页面显示时触发。
onHide	() => void	页面消失	页面消失时触发。
onDestroy	() => void	页面销毁	页面销毁时触发。

页面A的生命周期接口的调用顺序：

• 打开页面A：onInit() -> onReady() -> onShow()
• 在页面A打开页面B：onHide() -> onDestroy()
• 从页面B返回页面A：onInit() -> onReady() -> onShow()
• 退出页面A：onHide() -> onDestroy()
• 页面隐藏到后台运行：onHide()
• 页面从后台运行恢复到前台：onShow()