HarmonyOS鸿蒙Next中动态import变量表达式做反射

HarmonyOS鸿蒙Next中动态import变量表达式做反射

拼接变量表达式的话，then回调不执行，代码如下：

let filePath = './jsapi/' + className;
import(filePath).then((ns: ESObject) => {
let jsApiObj: SailJsApiInterface = new ns[className](); // 实例化类
jsApiObj.handleH5Event(h5EventHandler);
});
3 回复

建议查看以下问题：

  1. 查看拼接的filPath是否有问题；
  2. 查看build-profile.json5的runtimeOnly是否添加路径；

详情请查看：https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/arkts-dynamic-import-V5# 动态import实现方案介绍

以下是参考demo：

"arkOptions":
{
  "runtimeOnly":
  {
    "sources":
    [
    "./src/main/ets/pages/jsapi/jsApiObj.ets",
    ]
  }
}

//entry\src\main\ets\pages\jsapi\jsApiObj.ets
export class jsApiObj {
  public handleH5Event(a:number, b:number):number {
    let c = a + b;
    console.log('DynamicImport I am harlibrary in staticAdd, %d + %d = %d', a, b, c);
    return c;
  }
}

//entry\src\main\ets\pages\importDemo.ets
class Name {
  className:string = 'jsApiObj'
  public getInstance():string{
    return this.className
  }
}
interface SailJsApiInterface {
  handleH5Event(a:number, b:number):number
}
@Entry
@Component
struct importDemo{
  @State text1:number = 0;
  @State text2:number = 0;
  @State name:Name = new Name();
  build() {
    Column(){
      Text(`测试本地值${this.text1}`).onClick(()=>{
        let className = this.name.getInstance();
        let filPath = './jsapi/'+className;
        import(filPath).then((ns:ESObject)=>{
          let jsApiObj:SailJsApiInterface = new ns[className]();
          this.text1 = jsApiObj.handleH5Event(12,12)
        })
      })
        .fontSize(20)
        .textAlign(TextAlign.Center)
        .backgroundColor(Color.Gray)
    }
  }
}

更多关于HarmonyOS鸿蒙Next中动态import变量表达式做反射的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


在HarmonyOS鸿蒙Next中，动态import变量表达式用于在运行时加载模块，并可以通过反射机制访问模块中的内容。具体实现如下：

  1. 动态import：import()函数返回一个Promise，解析为模块的对象。例如：

    const modulePath = './MyModule.js';
import(modulePath).then(module => {
    console.log(module.myFunction());
});

  2. 反射访问：通过import()加载的模块，可以使用反射机制访问其导出内容。例如：

    import(modulePath).then(module => {
    const myFunction = module['myFunction'];
    if (typeof myFunction === 'function') {
        myFunction();
    }
});

  3. 动态变量：import()支持动态路径，可以根据变量加载不同模块。例如：

    const dynamicModule = 'MyModule';
import(`./${dynamicModule}.js`).then(module => {
    console.log(module.myFunction());
});

  4. 错误处理：动态import可能失败，需处理Promise的reject。例如：

    import(modulePath).catch(error => {
    console.error('模块加载失败:', error);
});

动态import和反射机制在HarmonyOS鸿蒙Next中提供了灵活的模块加载和运行时访问能力。

在HarmonyOS鸿蒙Next中，动态import变量表达式结合反射机制可以实现灵活的模块加载。通过import()动态导入模块，结合Reflect API，可以动态获取和调用模块中的方法或属性。例如：

const moduleName = 'exampleModule';
import(`./${moduleName}.js`).then(module => {
  const methodName = 'exampleMethod';
  if (Reflect.has(module, methodName)) {
    Reflect.apply(module[methodName], null, []);
  }
});

这种方式适用于需要根据运行时条件动态加载和执行代码的场景。

回到顶部