鸿蒙中的动态import和静态import什么是import 鸿蒙核心语言是ArkTs，基于TS的扩展，所以里边

鸿蒙核心语言是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的文件都加载完成。

这是什么意思呢？我们看例子：

image (10).png

image (11).png

我存在上述两个文件，分别是TestA和TestB，分别在两个文件的类class上边打印了一行日志，当当前文件被加载时候就会打印日志。TestB中引入了TestA。

然后我们制作一个页面，页面内按钮调用TestB 的方法。

image (12).png 然后我们启动Demo，注意：这里启动Demo就可以直接看日志，不需要点击按钮！！！！

image (13).png

你会发现Demo一启动，就出现TestA和TestB相关的日志了，说明两个文件被加载了。但是我们并没有点击按钮，为什么就会被加载呢？

因为我们在Demo 页面按钮点击事件里用到了TestB，TestB是静态import进来的，所以当当前页面加载时候，会先去加载import的文件，这样下载，加载顺序就是 TestA -> TestB -> 当前demo页面。

可能到这里，大家会意识到这个机制存在的一些问题了。对于我们页面，都是程序的入口，肯定会调用各种文件中的方法，然后各个文件中又会import其他文件，如果当前页面一被加载，所以import文件都要被加载，那么岂不是内存和性能都会受到影响？

为了解决这个问题，鸿蒙推出了动态import的概念。

动态import支持我们在代码逻辑需要的时候，再去import对应的文件，执行其方法。这样可以做到按需加载，减少对性能和内存的影响。

我们修改Demo 页面中按钮点击里的代码：

image (14).png

上述图片里的方式即为动态引入方式，通过Promise异步，再按钮点击时候进行加载文件，加载完成后回调回来一个对象ESObject，然后我们直接通过该对象来调用TestB中的方法。

我们启动Demo，发现这个时候，没有相关日志输出。点击按钮，发现日志打印：

image (15).png

TestA有打印是因为TestA在TestB中是静态import的。