HarmonyOS3项目扩展名ets文件和ts文件有什么区别

最新推荐文章于 2025-03-03 21:49:58 发布
最新推荐文章于 2025-03-03 21:49:58 发布
阅读量5.2k 收藏 16
点赞数 12
文章标签： harmonyos 华为
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zy0412326/article/details/135033311
版权

一、操作环境

操作系统:  Windows 10 专业版

IDE:DevEco Studio 3.1

SDK:HarmonyOS 3.1

二、文件的区别

鸿蒙开发应用项目创建完毕之后，大家会发现，不仅有ets文件还有ts文件，很多人都会有疑问，那么在项目开发中，我们要创建什么类型的文件呢？是ets文件还是ts文件。

首先需要说的是ets文件，也就是ArkTS，它是HarmonyOS优选的主力应用开发语言，ArkTS围绕应用开发在TypeScript（简称TS）生态基础上做了进一步扩展，继承了TS的所有特性，是TS的超集，所以在实际的开发中，你全部以ets文件作为开发，一点问题没有，正如官方给出的各个案例，打开也全是ets文件。

那么能不能ts和ets文件共存呢？显然是可以的，毕竟一个新建的项目，两种文件都是存在的，而基于我日常的开发中，和UI层牵扯相关的，一般都创建ets文件为主，而普通的文件，如工具类，则是以ts文件为主，当然了，完全在于公司和自己的选择。

在开发工具DevEco Studio中File->New下面支持ETS和TS两种文件创建方式，如下我们可以创建ArkTs File和TypeScript File：

以上就是HarmonyOS开发：ets文件和ts文件有什么区别的全部内容！

好了就写到这吧！

你有时间常去我家看看我在这里谢谢你啦...

我家地址:亚丁号

最后送大家一首诗:

山高路远坑深,
大军纵横驰奔,

谁敢横刀立马？
惟有点赞加关注大军。

鸿蒙HarmonyOS实战-ArkTS语言（基本语法）
单口相声Jay
03-28 1720
HarmonyOS的ArkTS语言是一种基于TypeScript开发的语言，它专为HarmonyOS系统开发而设计。ArkTS语言结合了JavaScript的灵活性和TypeScript的严谨性，使得开发者能够快速、高效地开发出高质量的HarmonyOS应用程序。ArkTS语言具有以下特点：开发者在编写代码时可以使用类型注解来进行类型检查，从而减少因类型错误而导致的bug。ArkTS语言支持基于Promise和async/await的异步/同步编程方式，能够更好地处理异步操作。
鸿蒙HarmonyOS开发（5.0 Beta）ETS应用组件间通信实现详解
yguyf1235的博客
09-10 1485
ETS 组件间通信是通过组合不同的装饰器来实现数据在各个组件之间的单向/双向传递。
鸿蒙开发相关关键词记录
jzfjay的专栏
01-03 795
index.ets文件一般是应用程序的入口视图，即展示在应用程序启动时的第一个界面。它会定义应用程序的整体布局、包含的不同元素和它们的属性，以及与这些元素相关联的事件处理逻辑等。Element Template是鸿蒙应用程序中用于定义应用程序界面的一种模板，它采用XML或者JS语法，包含了界面元素的结构、样式和交互等信息。总结起来，index.ets指的是鸿蒙应用程序的入口视图文件，它是一个Element Template Script文件，用于定义应用程序的界面结构、样式和交互。
鸿蒙应用开发--ArkTS和TS的对比
2401_88846919的博客
03-03 151
对象的声明TS可以: const userInfo : {name:string , age :number } = {name:‘huohuo’ ,age :13 }但是ArkTS中不可以,ArkTS中推荐使用class额而不是interface来定义对象,因为嵌套对象想要传递深层次的数据监听,必须是使用@Observed装饰的class类才可以。
鸿蒙文件 ets和ts 的区别
ATRSnail的博客
10-11 3232
HarmonyOS也提供标准的TS/JS执行环境，在需要TS代码复用的场景中，可以使用.ts文件进行开发。在鸿蒙操作系统（HarmonyOS）的开发中，ETS（Enhanced TypeScript）和TS（TypeScript）文件都用于编写应用程序逻辑，但它们有一些关键的区别，特别是在语法特性和对鸿蒙特定功能的支持上。ets调用ts文件中定义的方法，可以使用ES6中import引入及export导出的语法，将ts文件中的方法进行export导出，在ets文件中import引入该方法进行调用。
鸿蒙笔记--ts&ets
ljt2724960661的博客
10-31 883
这一节主要了解一下鸿蒙中ts与ets,在鸿蒙（HarmonyOS）的开发中...
HarmonyOS ts声明式开发 ets开发 修改组件宽高，获取组件宽高
qq982673701的博客
05-31 641
@State _width:number = 160; @State _text:string = '点我放大'; build() { Button(this._text) .size({width:this._width,height:60}) .fontSize(`27fp`) .padding({left:`15vp`,right:`15vp`}) .fontColor(`#000000`) .backgroundColor(`#007CFD`) .
【HarmonyOS NEXT】在eTS中使用TS三方语法糖和装饰器会告警，后期是否会提高警告级别，导致编译失效
Mayism123的博客
02-21 467
基于性能考虑，DevEco Studio提供了ArkTS高性能语法编程规范检查功能，只会限制eTS调用TS，不支持TS调用eTS。
【Harmony OS】【ArkUI】ets开发 创建视图与构建布局
华为开发者联盟
08-04 1142
本篇是以HarmonyOS官网的基于TS扩展的声明式开发范式文档，体验声明式UI的创建简单视图为基础进行编写。所以笔者将原文进行整合，提取出其中的要点，以便通俗易懂地呈现给读者，希望能帮助你快速了解Harmony的ETS开发，学会简单的视图创建与布局构建的学习。...
Android 学习 鸿蒙HarmonyOS 4.0 第七章（TS中的类和对象，类继承）
qq_43670077的博客
04-30 1248
Android 学习 鸿蒙HarmonyOS 4.0 第七章（TS中的类和对象，类继承）
基于TypeScript的HarmonyOS学习小学生的设计源码分享
02-17
本文所涉及的项目名为“基于TypeScript的HarmonyOS学习小学生的设计源码分享”，是一个针对HarmonyOS初学者的编程学习资源。该项目不仅为初学者提供了一个学习平台，更是一个充满创新与趣味的学习工具。其设计者是一...
气象ts评分
03-14
气象ts评分
基于DSBridge的HarmonyOS原生ArkTS与JavaScript通信框架设计源码
02-20
这些文件类型覆盖了HarmonyOS应用开发的多个层面，ets通常用于描述HarmonyOS的组件结构，json5作为JSON的扩展，提供了更灵活的数据交换格式，而ts则是TypeScript文件的扩展名。通过这些文件类型的综合运用，开发者...
浅析eTS的起源和演进
热门推荐
HarmonyOSDev的博客
07-14 1万+
eTS（extended TypeScript）是鸿蒙生态的一种应用开发语言。它在TypeScript（简称TS）的基础上，扩展了声明式UI、状态管理等相应的能力，让开发者可以以更简洁、更自然的方式开发高性能应用。TS是JavaScript（简称JS）的超集，eTS则是TS的超集。eTS会结合应用开发和运行的需求持续演进，包括但不限于引入分布式开发范式、并行和并发能力增强、类型系统增强等方面的语言特性。本期我们结合JS和TS以及相关的开发框架的发展，为大家介绍eTS的起源和演进思路。JS语言由Mozilla
OpenHarmony实战开发-如何启动worker线程和taskpool线程。
2401_82546228的博客
04-14 893
本示例通过@ohos.taskpool 和@ohos.worker 接口，展示了如何启动worker线程和taskpool线程。
关于harmonyos:浅析eTS的起源和演进[转载]
专注于编程技术
05-30 1328
同步的，在运行时方面，通过渲染引擎的加强（平台无关的自绘制机制、申明式UI后端设计、动静布局/多态UI组件等），语言编译器和运行时的优化加强（代码预编译、高效FFI-Foreign Function Interface、引擎极小化等），进一步晋升相干的性能体验，并可部署到不同设施上（包含百KB级内存的轻量设施）。大型的利用工程个别会波及较简单的代码以及较多的团队合作，对语言的规范性，模块的复用性、扩展性以及相干的开发工具都提出了更高的要求。同时，TS定位为JS的超集，即JS利用也是非法的TS利用。
手把手教你实现基于eTS的分布式计算器
HarmonyOSDev的博客
05-23 1067
最近收到很多小伙伴反馈，想基于扩展的TS语言（eTS）进行HarmonyOS应用开发，但是不知道代码该从何处写起，从0到1的过程让新手们抓狂。 本期我们将带来“分布式计算器”的开发，帮助大家了解声明式开发范式的UI描述、组件化机制、UI状态管理、渲染控制语法等核心机制和功能。下面我们直接进入正题。 一、整体介绍 分布式计算器可以进行简单的数值计算，并支持远程拉起另一个计算器FA，实现两个FA进行协同计算。 如图1所示，分布式计算器界面主要由“键盘”、“显示”及“标题栏”三个
HarmonyOS中.ets文件变成.js,.map,.ets解决方法
CPK119的博客
11-22 1199
怎么编译都是报错，这个问题没有太好的办法，直接就是正针对于.js文件和.map文件就是删除，一删一个不吱声，删完之后点击编译就ok了，问了HarmonyOS的大佬，大佬也没有办法，目前已知解决方法就只有手动删除。
鸿蒙3.0应用开发体验
白玉梁的专栏
12-08 3974
鸿蒙os3.0发布以来，华为官方开始主推ets+arkui开发模式，逐渐抛弃java，为以后去安卓化做铺垫，但目前在笔者体验来看，仍需要大力完善，还有很长的路要走！什么是ets？ts是js的超集，而ets是ts的超集！ets后缀的文件中可以使用鸿蒙SDKapi的能力，就这么简单！而arkui则与Flutter，SwiftUI相似，为声明式开发框架！而谷歌之前也为原生安卓推出了Jetpack Compose声明式开发模式，难道移动端的声明式开发方式是未来趋势了？ @Entry为页面入口 @Preview表示该
ERROR: ArkTS:ERROR File: G:/harmonyosprojects/MyApplicationcamera/entry/src/main/ets/pages/Index.ets:13:20 'await' expressions are only allowed within async functions and at the top levels of modules. ERROR: ArkTS:ERROR File: G:/harmonyosprojects/MyApplicationcamera/entry/src/main/ets/pages/Index.ets:18:10 Property 'url' does not exist on type 'Index'. ERROR: ArkTS:ERROR File: G:/harmonyosprojects/MyApplicationcamera/entry/src/main/ets/pages/Index.ets:25:11 Cannot find name 'takePhotos'. COMPILE RESULT:FAIL {ERROR:4} > hvigor ERROR: BUILD FAILED in 4 s 229 ms Process finished with exit code -1
最新发布
03-23
<think>好的，用户遇到了三个ArkTS编译错误，需要我帮忙解决。首先，我得逐一分析每个错误的原因，然后给出对应的解决方案。 第一个错误是“‘await’表达式只能在异步函数和模块顶层使用”。用户可能在非async函数中使用了await，或者在类的方法中没有正确标记为async。需要检查Index.ets第13行的函数是否被正确声明为async，并确保在顶层模块使用await时环境允许。 第二个错误是“属性&#39;url&#39;在类型&#39;Index&#39;上不存在”。这说明在Index类的实例中访问了未定义的url属性。用户可能在类定义中遗漏了url属性的声明，或者在构造时没有正确初始化。需要检查Index类的定义，确认是否有url属性，或者是否拼写错误。 第三个错误是“找不到名称&#39;takePhotos&#39;”。这个函数可能未被定义，或者作用域不正确。用户可能忘记导入模块，或者函数名拼写错误。需要检查是否正确定义了takePhotos函数，或者是否在正确的作用域内调用。 接下来，我需要考虑用户可能的操作环境。用户在使用HarmonyOS开发，可能用的是ArkTS，类似TypeScript的语法。因此，要提醒用户注意TypeScript的语法规则，比如类的属性声明和async/await的正确使用。 可能用户是刚接触HarmonyOS开发，对ArkTS的某些语法不熟悉。比如，ArkTS要求类属性显式声明，或者异步操作必须放在async函数中。用户可能在模仿示例代码时遗漏了这些细节。 另外，用户可能在重构代码时不小心删除了某些函数或属性的定义，或者复制粘贴时出现拼写错误。需要建议用户检查相关行数的代码，确认是否存在拼写错误或遗漏。 最后，用户可能没有正确配置开发环境或依赖，导致某些函数无法识别。不过根据错误信息，更可能的是代码本身的语法问题，而不是环境配置。因此，解决方案应集中在代码修正上。 总结，需要分步骤指导用户检查每个错误的位置，修正语法问题，并提供示例代码帮助理解。同时，提醒用户注意代码结构、属性声明和异步函数的使用规范，避免类似错误再次发生。</think>$\textcolor{green}{▶ 错误解析}$（ArkTS语法规范问题） $\textbox{orange}{错误1}$：`&#39;await&#39;表达式只能在异步函数和模块顶层使用` - $\textcolor{red}{定位}$：Index.ets第13行 - $\textcolor{blue}{核心原因}$：在非async函数/方法中使用了await调用 - $\textcolor{purple}{典型案例}$： ```typescript // ❌ 错误示例 function fetchData() { const res = await fetch(...) // 缺少async声明 } // ✅ 正确写法 async function fetchData() { // 添加async关键字 const res = await fetch(...) } ``` $\textbox{orange}{错误2}$：`属性&#39;url&#39;在类型&#39;Index&#39;上不存在` - $\textcolor{red}{定位}$：Index.ets第18行 - $\textcolor{blue}{核心原因}$：访问未定义的类属性或TS类型未声明 - $\textcolor{purple}{解决方案}$： 1. 在Index类中显式声明属性： ```typescript class Index { url: string = "" // 添加类型声明 // 或使用构造函数初始化 constructor() { this.url = "https://example.com" } } ``` 2. 检查是否存在拼写错误（URL vs url） $\textbox{orange}{错误3}$：`找不到名称&#39;takePhotos&#39;` - $\textcolor{red}{定位}$：Index.ets第25行 - $\textcolor{blue}{核心原因}$：函数未定义/作用域错误/模块未导入 - $\textcolor{purple}{修复步骤}$： 1. 定义函数（需确认API调用方式）： ```typescript // 假设使用鸿蒙相机API import camera from &#39;@ohos.multimedia.camera&#39; async function takePhotos() { // 注意async声明 // 具体API调用逻辑 const cameraManager = await camera.getCameraManager() // ...其他操作 } ``` 2. 检查是否忘记导出/导入模块 $\textcolor{green}{▶ 综合修复建议}$： ```typescript // 修正后的代码结构示例 @Entry @Component struct Index { private url: string = "https://default.url" // 显式声明属性 // 异步加载函数 async aboutToAppear() { // 使用生命周期函数 await this.loadData() } async loadData() { // 正确使用async // 数据获取逻辑 } build() { // UI构建逻辑 } } // 定义独立函数（需确保作用域） async function takePhotos() { // 相机操作实现 } ``` $\textcolor{green}{▶ 验证步骤}$： 1. 检查所有使用`await`的函数是否添加`async`修饰符 2. 使用$\textcolor{red}{Ctrl+鼠标左键}$点击`takePhotos`验证跳转 3. 在类内部使用`this.url`前确认属性已声明 4. 运行`hvigorw clean`清除旧编译缓存 $\textcolor{green}{▶ 鸿蒙开发特别提示}$： 1. 必须使用$\textcolor{red}{严格模式}$的TypeScript语法 2. 所有异步操作需通过`@Concurrent`装饰器处理耗时任务 3. 相机权限需在`module.json5`配置： ```json "requestPermissions": [ { "name": "ohos.permission.CAMERA" } ] ``` 若仍有问题，建议： 1. 使用$\textcolor{blue}{DevEco Studio}$的代码检查工具（Alt+Enter） 2. 查看官方示例：https://gitee.com/openharmony/applications_app_samples 3. 检查SDK版本是否匹配（File > Project Structure）
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

亚丁号

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值