用HarmonyOS中ArkTS的视角来学Dart语法(一)
两者的比较
特性维度 | ArkTS | Dart |
---|---|---|
语言基础 | 基于TypeScript扩展的超集 | 由Google开发的编程语言 |
核心应用生态 | 鸿蒙生态(HarmonyOS) 的原生应用开发语言 | Flutter框架的应用开发语言 |
核心范式 | 声明式UI开发范式 | 响应式编程,结合命令式UI |
类型系统 | 强化静态类型检查 | 支持静态类型,同时具备动态类型的灵活性 |
性能特点 | 通过静态类型和运行时优化提升性能 | 可编译为本地代码,追求高性能 |
学习路径 | 对于熟悉JS/TS的开发者更友好 | 需要学习一门新的语言 |
运行环境
VSCode中安装常用插件
- Dart插件:可以帮助我们在VSCode中更加高效的编写Dart代码
提供了友好的代码提示,代码高亮,以及代码的重构、运行和重载
插件安装以后 新建.dart的文件就可以写代码了, 运行环境简单
DevEco中新建ets页面,里面就可以写Arkts代码了
第一行代码
Dart中
void main(){print("你好 dart");
}
如图 去dart文件所在的目录里面 运行dart 文件名.dart
HarmonyOs中
console.log("你好 arkts")@Entry
@Component
struct Index {@State message: string = 'Hello World';build() {RelativeContainer() {Text(this.message).id('HelloWorld').fontSize($r('app.float.page_text_font_size')).fontWeight(FontWeight.Bold).alignRules({center: { anchor: '__container__', align: VerticalAlign.Center },middle: { anchor: '__container__', align: HorizontalAlign.Center }}).onClick(() => {this.message = 'Welcome';})}.height('100%').width('100%')}
}
效果
总结:
1、Dart 语言的入口也是 main 函数,并且必须显示的进行定义;
2、Dart 的入口函数main
是没有返回值的;
3、定义字符串的时候,可以使用单引号或双引号;
4、每行语句必须使用分号结尾,很多语言并不需要分号
5 ArkTS语法需要在鸿蒙编辑器中使用 语法等同于Typescript
https://developer.huawei.com/consumer/cn/training/classDetail/fd34ff9286174e848d34cde7f512ce22?type=1%3Fha_source%3Dhmosclass&ha_sourceId=89000248