【最新鸿蒙应用开发】——类Web开发范式1——生命周期

兼容JS的类Web开发范式

类Web命令式开发的生命周期

1. 应用生命周期

1.1. app.js

每个应用可以在app.js自定义应用级生命周期的实现逻辑，包括：

• onCreate：在应用生成时被调用的生命周期函数。

• onDestroy：在应用销毁时被调用的生命周期函数。

以下示例仅在生命周期函数中打印对应日志：

// app.js
export default {
  onCreate() {
    console.info('Application onCreate');
  },
  onDestroy() {
    console.info('Application onDestroy');
  },
}

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

1.2. 应用对象（API10+）

说明

应用对象是全局数据，其在整个应用消亡之前都会一直占用JS内存。尽管应用对象可为不同页面共享数据提供便利，但因为小型设备本身内存比较小，也应谨慎使用。如果过度使用，则容易造成应用在进入复杂page页面时，内存不够而出现异常。

示例如下：

在 app.js 中声明应用对象:

// app.js
export default {
    data: {
        test: "by getAPP"
    },
    onCreate() {
        console.info('Application onCreate');
    },
    onDestroy() {
        console.info('Application onDestroy');
    },
};

在具体的页面中访问应用对象：

// index.js
export default {
    data: {
        title: ""
    },
    onInit() {
        if (typeof getApp !== 'undefined') {
            var appData = getApp().data;
            if (typeof appData !== 'undefined') {
                this.title = appData.name; // read from app data
            }
        }
    },
    clickHandler() {
        if (typeof getApp !== 'undefined') {
            var appData = getApp().data;
            if (typeof appData !== 'undefined') {
                appData.name = this.title; // write to app data
            }
        }
    }
}

2. 页面生命周期

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

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

• 打开页面A：onInit() -> onReady() -> onShow()

• 在页面A打开页面B：onHide()

• 从页面B返回页面A：onShow()

• 退出页面A：onBackPress() -> onHide() -> onDestroy()

• 页面隐藏到后台运行：onInactive() -> onHide()

• 页面从后台运行恢复到前台：onShow() -> onActive()

• 

声明式开发范式有自定义组件的生命周期，而类Web开发只有应用和页面的生命周期。

参考文档：

生命周期-框架说明-兼容JS的类Web开发范式 (ArkUI.Lite)-ArkTS组件-ArkUI API参考-开发 | 华为开发者联盟 (huawei.com)