首页 > 其他分享 >【鸿蒙实战教程】HarmonyOS中的动态import和静态import的概念与区别

【鸿蒙实战教程】HarmonyOS中的动态import和静态import的概念与区别

时间:2024-06-21 13:30:08浏览次数:11  
标签:文件 鸿蒙 TestA HarmonyOS TestB import 加载

什么是import

鸿蒙核心语言是ArkTs,基于TS的扩展,所以里边少不了JS引擎的影子。
    对于鸿蒙而言,我们在文件中引入其他文件时,会涉及到两个概念,静态import和动态import。
    什么是引入其他文件呢?
例如:

import { TestA } from './TestA'
import { hilog } from '@kit.PerformanceAnalysisKit'

function add() {
  TestA.add()
}

我在文件中因为要使用到其他文件中的类或方法,那么就要在文件头部通过import方式,将对应文件暴漏的类或方法引入到当前文件中,这样在当前文件中就可以使用了。
   
    例如上述示例中,想要使用TestA中的方法add,那么就要import TestA到当前文件中。
  
    上述示例是一个简单的静态import的例子。

静态import

对于我们想要使用的其他文件,直接通过import在文件头部引入的方式就是静态引入。
    该引入方式,在当前文件加载时候,会一起将import的文件都加载完成。
    这是什么意思呢?我们看例子:
在这里插入图片描述
在这里插入图片描述

我存在上述两个文件,分别是TestA和TestB,分别在两个文件的类class上边打印了一行日志,当当前文件被加载时候就会打印日志。TestB中引入了TestA。
   
    然后我们制作一个页面,页面内按钮调用TestB 的方法。
在这里插入图片描述

然后我们启动Demo,注意:这里启动Demo就可以直接看日志,不需要点击按钮!!!!
在这里插入图片描述

你会发现Demo一启动,就出现TestA和TestB相关的日志了,说明两个文件被加载了。但是我们并没有点击按钮,为什么就会被加载呢?
   
    因为我们在Demo 页面 按钮点击事件里用到了TestB,TestB是静态import进来的,所以当当前页面加载时候,会先去加载import的文件,这样下载,加载顺序就是 TestA -> TestB -> 当前demo页面。
  
    可能到这里,大家会意识到这个机制存在的一些问题了。对于我们页面,都是程序的入口,肯定会调用各种文件中的方法,然后各个文件中又会import其他文件,如果当前页面一被加载,所以import文件都要被加载,那么岂不是内存和性能都会受到影响?
   
    为了解决这个问题,鸿蒙推出了动态import的概念。

动态import

动态import支持我们在代码逻辑需要的时候,再去import对应的文件,执行其方法。这样可以做到按需加载,减少对性能和内存的影响。
我们修改Demo 页面中按钮点击里的代码:
在这里插入图片描述

上述图片里的方式即为动态引入方式,通过Promise异步,再按钮点击时候进行加载文件,加载完成后回调回来一个对象ESObject,然后我们直接通过该对象来调用TestB中的方法。
我们启动Demo,发现这个时候,没有相关日志输出。点击按钮,发现日志打印:
在这里插入图片描述

TestA有打印是因为TestA在TestB中是静态import的。
两种方式区别

1.静态import会直接在文件被加载时候优先加载,会链式查找,加载所有的文件
2.动态import只在代码被执行时候,前去加载,是Promise异步方式返回结果,存在加载失败情况
3.对于不常用的代码可以使用动态import,常用代码使用静态import。

总结

有很多小伙伴不知道该从哪里开始学习鸿蒙开发技术?也不知道鸿蒙开发的知识点重点掌握的又有哪些?自学时频繁踩坑,导致浪费大量时间。结果还是一知半解。所以有一份实用的鸿蒙(HarmonyOS NEXT)全栈开发资料用来跟着学习是非常有必要的。

这份鸿蒙(HarmonyOS NEXT)资料包含了鸿蒙开发必掌握的核心知识要点,内容包含了

最新鸿蒙全栈开发学习线路在这里插入图片描述

鸿蒙HarmonyOS开发教学视频

在这里插入图片描述
在这里插入图片描述

大厂面试真题

在这里插入图片描述

在这里插入图片描述

鸿蒙OpenHarmony源码剖析

在这里插入图片描述

这份资料能帮住各位小伙伴理清自己的学习思路,更加快捷有效的掌握鸿蒙开发的各种知识。有需要的小伙伴自行领取,,先到先得~无套路领取!!

获取这份完整版高清学习路线,请点击→[鸿蒙全栈开发学习资料]

标签:文件,鸿蒙,TestA,HarmonyOS,TestB,import,加载
From: https://blog.csdn.net/HarmonyOS_001/article/details/139807602

相关文章

  • 鸿蒙开发组件:【DataAbility权限控制】
    DataAbility权限控制DataAbility提供数据服务,并不是所有的Ability都有权限读写它,DataAbility有一套权限控制机制来保证数据安全。分为静态权限控制和动态权限控制两部分。静态权限控制DataAbility作为服务端,在被拉起的时候,会根据config.json里面配置的权限来进行校验,有"r......
  • 鸿蒙开发组件:【FA模型的Context】
    FA模型的ContextFA模型下只有一个Context。Context中的所有功能都是通过方法来提供的,它提供了一些featureAbility中不存在的方法,相当于featureAbility的一个扩展和补全。接口说明FA模型下使用Context,需要通过featureAbility下的接口getContext来获取,而在此之前,需要先导入......
  • 鸿蒙ArkTS声明式组件:【Checkbox】
    Checkbox提供多选框组件,通常用于某选项的打开或关闭。说明:该组件从APIVersion8开始支持。后续版本如有新增内容,则采用上角标单独标记该内容的起始版本。子组件无接口Checkbox(options?: {name?:string,group?:string})从APIversion9开始,该接口支持在ArkT......
  • 鸿蒙ArkTS声明式组件:【CheckboxGroup】
    CheckboxGroup多选框群组,用于控制多选框全选或者不全选状态。说明:该组件从APIVersion8开始支持。后续版本如有新增内容,则采用上角标单独标记该内容的起始版本。子组件无接口CheckboxGroup(options?:{group?:string})创建多选框群组,可以控制群组内的Checkbox......
  • 鸿蒙ArkTS声明式组件:【DataPanel】
    DataPanel数据面板组件,用于将多个数据占比情况使用占比图进行展示。说明:该组件从APIVersion7开始支持。后续版本如有新增内容,则采用上角标单独标记该内容的起始版本。子组件无接口DataPanel(options:{values:number[],max?:number,type?:DataPanelType})从......
  • 鸿蒙开发通信与连接:【@ohos.nfc.cardEmulation (标准NFC-cardEmulation)】
    标准NFC-cardEmulation本模块主要用于操作及管理NFC卡模拟。 说明: 本模块首批接口从APIversion8开始支持。后续版本的新增接口,采用上角标单独标记接口的起始版本。导入模块importcardEmulationfrom'@ohos.nfc.cardEmulation';cardEmulation.isSupportedisS......
  • 鸿蒙开发通信与连接:【@ohos.nfc.tag (标准NFC-Tag)】
    标准NFC-Tag本模块主要用于操作及管理NFCTag。 说明: 本模块首批接口从APIversion8开始支持。后续版本的新增接口,采用上角标单独标记接口的起始版本。导入模块importtagfrom'@ohos.nfc.tag';tag.getNfcATaggetNfcATag(tagInfo:TagInfo):NfcATag获取NFC......
  • 鸿蒙开发通信与连接:【@ohos.rpc (RPC通信)】
    RPC通信本模块提供进程间通信能力,包括设备内的进程间通信(IPC)和设备间的进程间通信(RPC),前者基于Binder驱动,后者基于软总线驱动。 说明: 本模块首批接口从APIversion7开始支持。后续版本的新增接口,采用上角标单独标记接口的起始版本。导入模块importrpcfrom'@ohos......
  • 鸿蒙实战案例-欢迎页面UI实现及欢迎页面业务
    前言      欢迎来到我的鸿蒙移动开发项目!我将致力于使用鸿蒙操作系统打造出色的移动应用。让我们一起开启创新的旅程!现在我们将做一个关于健康的软件,本次带来的是欢迎页面!一、设计与布局界面设计       这个布局看起来就是很简单的,是一个从上到下的列式布......
  • 「前端+鸿蒙」鸿蒙应用开发-组件状态管理
    在鸿蒙应用开发中,组件状态管理是确保UI与数据同步更新的重要概念。状态(State)是组件内部数据的集合,它可以影响组件的渲染输出。以下是组件状态管理的入门、深入和实战介绍,以及示例代码。组件状态管理-入门入门阶段,你需要了解状态是什么以及如何使用状态来更新UI。定......