1# ArkTS使用JSVM接口进行class相关开发 2 3### 介绍 4 5使用JSVM-API接口进行class相关开发，处理JavaScript中的类，例如定义类、构造实例等。 6 7该工程中展示的代码详细描述可查如下链接： 8 9- [使用JSVM进行class相关开发](https://docs.openharmony.cn/pages/v5.0/zh-cn/application-dev/napi/use-jsvm-about-class.md) 10 11### 效果预览 12 13| 首页 | 执行及结果即时反馈 | 14| :----------------------------------------------------------------: | :----------------------------------------------------------------: | 15| <img src="./screenshots/JsvmAboutClass_1.png" style="zoom:33%;" /> | <img src="./screenshots/JsvmAboutClass_2.png" style="zoom:33%;" /> | 16 17### 使用说明 18 191. 在主界面，可以点击Hello World，开始执行。 202. 执行结果会即时反馈在屏幕中央,并在控制台打印log。 21 22### 工程目录 23 24``` 25defineclass/src/ 26 ├── main 27 │ ├── cpp 28 │ │ ├── types 29 │ │ │ ├── libdefineclass 30 │ │ │ │ ├── Index.d.ts // 提供JS侧的接口方法 31 │ │ │ │ ├── oh-package.json5 // 将index.d.ts与cpp文件关联 32 │ │ ├── CMakeLists.txt // 配置CMake打包参数 33 │ │ ├── hello.cpp // 实现Native侧的runTest接口 34 │ ├── ets 35 │ │ ├── defineclassability 36 │ │ ├── pages 37 │ │ ├── Index.ets // ArkTS侧调用C/C++方法实现 38 │ ├── module.json5 39 │ └── resources 40 ├── ohosTest 41 │ ├── ets 42 │ │ ├── test 43 │ │ ├── Ability.test.ets // 自动化测试代码 44newinstance/src/ 45 ├── main 46 │ ├── cpp 47 │ │ ├── types 48 │ │ │ ├── libentry 49 │ │ │ │ ├── Index.d.ts // 提供JS侧的接口方法 50 │ │ │ │ ├── oh-package.json5 // 将index.d.ts与cpp文件关联 51 │ │ ├── CMakeLists.txt // 配置CMake打包参数 52 │ │ ├── hello.cpp // 实现Native侧的runTest接口 53 │ ├── ets 54 │ │ ├── entryability 55 │ │ ├── entrybackupability 56 │ │ ├── pages 57 │ │ ├── Index.ets // ArkTS侧调用C/C++方法实现 58 │ ├── module.json5 59 │ └── resources 60 ├── ohosTest 61 │ ├── ets 62 │ │ ├── test 63 │ │ ├── Ability.test.ets // 自动化测试代码 64removewrap/src/ 65 ├── main 66 │ ├── cpp 67 │ │ ├── types 68 │ │ │ ├── libremovewrap 69 │ │ │ │ ├── Index.d.ts // 提供JS侧的接口方法 70 │ │ │ │ ├── oh-package.json5 // 将index.d.ts与cpp文件关 71 │ │ ├── CMakeLists.txt // 配置CMake打包参数 72 │ │ ├── hello.cpp // 实现Native侧的runTest接 73 │ ├── ets 74 │ │ ├── removewrapability 75 │ │ ├── pages 76 │ │ ├── Index.ets // ArkTS侧调用C/C++方法实现 77 │ ├── module.json5 78 │ └── resources 79 ├── ohosTest 80 │ ├── ets 81 │ │ ├── test 82 │ │ ├── Ability.test.ets // 自动化测试代码 83``` 84 85### 相关权限 86 87不涉及。 88 89### 依赖 90 91不涉及。 92 93### 约束与限制 94 951.本示例仅支持标准系统上运行, 支持设备：Phone。 96 972.本示例为Stage模型，支持API15版本SDK，版本号：5.0.3.135，镜像版本号：HarmonyOS NEXT_5.0.3.135。 98 993.本示例需要使用DevEco Studio 5.0.3 Release (Build Version: 5.0.9.300, built on March 13, 2025)及以上版本才可编译运行。 100 101### 下载 102 103如需单独下载本工程，执行如下命令： 104 105``` 106git init 107git config core.sparsecheckout true 108echo code/DocsSample/ArkTS/JSVMAPI/JsvmUsageGuide/JsvmAboutClass > .git/info/sparse-checkout 109git remote add origin https://gitee.com/openharmony/applications_app_samples.git 110git pull origin master 111``` 112
