[鸿蒙开发实战篇]用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

developer.huawei.com/consumer/cn…

​