1# ArkTS延迟加载（lazy import） 2 3### 介绍 4 5本工程主要对比了延迟加载与普通加载的区别，并展示延迟加载的错误使用方法。该工程中展示的代码详细描述可查如下链接部分。 6 7- [延迟加载](https://docs.openharmony.cn/pages/v5.0/zh-cn/application-dev/arkts-utils/arkts-lazy-import.md) 8 9### 效果预览 10 11| 首页 | 依次点击按钮后结果图 | 12| ------------------------------------------------------------ | ------------------------------------------------------------ | 13| <img src="./screenshots/LazyImport1.png" style="zoom:50%;" /> | <img src="./screenshots/LazyImport2.png" style="zoom:50%;" /> | 14 15### 使用说明 16 171. 运行Index主界面。 182. 页面中Text组件呈现LazyImport效果，依次点击五个button，Text依次现实显示‘Call a success result: a = mod1 a executed’，‘‘Call b success result: b = mod1 b executed’, ‘‘Call c success result: c = mod2 c executed’, ‘Not advisable to use one error: ReferenceError: c is not initialized’, ‘Not advisable to use two error: ReferenceError: module environment is undefined’。 193. 运行测试用例LazyImport.test.ets文件对页面代码进行测试可以全部通过。 20 21### 工程目录 22 23``` 24entry/src/ 25 ├── main 26 │ ├── ets 27 │ │ ├── entryability 28 │ │ ├── entrybackupability 29 │ │ ├── pages 30 │ │ ├── A.ets 31 │ │ ├── A_ns.ets 32 │ │ ├── B.ets 33 │ │ ├── C.ets 34 │ │ ├── fail_example.ets 35 │ │ ├── Index.ets // 延迟加载 36 │ │ ├── middle.ets 37 │ │ ├── mod1.ets 38 │ │ ├── mod2.ets 39 │ ├── module.json5 40 │ └── resources 41 ├── ohosTest 42 │ ├── ets 43 │ │ └── test 44 │ │ ├── Ability.test.ets 45 │ │ ├── LazyImport.test.ets // 自动化测试代码 46 │ │ └── List.test 47``` 48 49### 相关权限 50 51不涉及。 52 53### 依赖 54 55不涉及。 56 57### 约束与限制 58 591.本示例仅支持标准系统上运行, 支持设备：RK3568。 60 612.本示例为Stage模型，支持API14版本SDK，版本号：5.0.2.57，镜像版本号：OpenHarmony_5.0.2.58。 62 633.本示例需要使用DevEco Studio 5.0.1 Release (Build Version: 5.0.5.306, built on December 6, 2024)及以上版本才可编译运行。 64 65### 下载 66 67如需单独下载本工程，执行如下命令： 68 69```` 70git init 71git config core.sparsecheckout true 72echo code/DocsSample/ArkTs/ArkTSRuntime/ArkTSModule/LazyImport > .git/info/sparse-checkout 73git remote add origin https://gitee.com/openharmony/applications_app_samples.git 74git pull origin master 75````
