HarmonyOS应用开发-ArkTS基础知识

作者：杨亮Jerry

作为多年的大前端程序开发工作者，就目前的形式，个人浅见，在未来3-5年，移动端依旧是Android系统和iOS系统的天下。不过基于鸿蒙系统的应用开发还是值得我们去花点时间去了解下的，阅读并实践官网的开发文档和实践案例后，我们会发现其编程模式和Android的Jetpack Compose以及基于Dart语言开发Flutter跨平台应用程序非常相似，它们都是声明式的编程方式，非常容易理解。相信有过Compose或者Flutter开发经验的小伙伴去学习HarmonyOS应用开发会非常简单，容易上手。

虽然现在工作不是全部时间在Coding上了，但是自己在技术上还是要有所坚持，后续会抽时间继续学习HarmonyOS的开发，毕竟艺多不压身（天朝程序猿😂）。

---

一、ArkTS与TypeScript

1、声明式UI基本概念

（1）、应用界面是由一个个页面组成，ArkTS是由ArkUI框架提供，用于以声明式开发范式开发界面的语言。

（2）、声明式UI构建页面的过程，其实是组合组件的过程，声明式UI的思想，主要体现在两个方面：

• 描述UI的呈现结果，而不关心过程
• 状态驱动视图更新

2、按照官网上的说法，ArkTS是HarmonyOS的主力应用开发语言。

它在TypeScript（简称TS）的基础上，匹配ArkUI框架，扩展了声明式UI、状态管理等相应的能力，让开发者以更简洁、更自然的方式开发跨端应用。

ArkTS、TypeScript和JavaScript之间的关系： JavaScript是一种属于网络的高级脚本语言，已经被广泛用于Web应用开发，常用来为网页添加各式各样的动态功能，为用户提供更流畅美观的浏览效果。 TypeScript 是 JavaScript 的一个超集，它扩展了 JavaScript 的语法，通过在JavaScript的基础上添加静态类型定义构建而成，是一个开源的编程语言。 ArkTS兼容TypeScript语言，拓展了声明式UI、状态管理、并发任务等能力。

TypeScript的语法非常简单，有过Java、Kotlin、Dart等语言开发经验的小伙伴，会非常容易上手。可以在其官网进一步了解TS的语法知识。

3、ArkTS基础知识

（1）、ArkUI开发框架

上面这张图是ArkUI开发框架的整体架构，其中，基于TS扩展的声明式UI范式中所用的语言就是ArkTS。

(2)、ArkTS声明式开发范式

上面这张图是从官网下载下来的一个介绍ArkTS声明式开发范式 的代码示例，UI界面会显示两段文本和一个按钮，当开发者点击按钮时，文本内容会从’Hello World’变为‘Hello ArkUI’。

• 装饰器 用来装饰类、结构体、方法以及变量，赋予其特殊的含义，如上述示例中 @Entry 、 @Component 、 @State 都是装饰器。具体而言，