📱 ArkTs语言基础与基本组件结构
### ArkTs语言基础与基本组件结构
#### 一、ArkTs语言介绍
ArkTS是鸿蒙系统（HarmonyOS）优选的主力应用开发语⾔。ArkTS围绕应⽤开发在TypeScript（简称TS）生态基础上做了进⼀步扩展，继承了TS的所有特性，是TS的超集，而TS又是 JavaScript 的一个超集。
JavaScript是一种属于网络的高级脚本语言，已经被广泛用于Web应用开发，常用来为网页添加各式各样的动态功能，为用户提供更流畅美观的浏览效果。
TypeScript 是 JavaScript 的一个超集，它扩展了 JavaScript 的语法，通过在JavaScript的基础上添加静态类型定义构建而成，是一个开源的编程语言。
ArkTS兼容TypeScript语言，拓展了声明式UI、状态管理、并发任务等能力。
ArkTS、TS和JS这三者之间的关系如下图所示：
### 二、ArkTS在TS上的扩展
ArkTS的基本组成和组件名称如下：
组成一个基本ArkTS结构的各类装饰器和组件分别代表以下含义：
（1）装饰器：用于装饰类、结构、方法以及变量，并赋予其特殊的含义。如上述实例中@Entry、@Component和@State都是装饰器，@Component表示自定义组件，@Entry表示该自定义组件为入口组件，@State表示组件中的状态变量，状态变量变化会触发UI刷新。
（2）UI描述：以声明式的方式来描述UI的结构，例如build()方中的代码块。
（3）系统组件：ArkUI框架中默认内置的基础和容器组件，可直接被开发者调用，比如示例中的Column、Text、Divider、Button。
（4）属性方法：组件可以通过链式调⽤配置多项属性，如fontSize()、width()、height()、backgroundColor()等。
（5）事件方法：组件可以通过链式调用设置多个事件的响应逻辑，如跟随在Button后⾯的onClick()。
（6）自定义组件：可复⽤的UI单元，可组合其他组件，如上述被@Component装饰的struct Hello。
（7）自定义组件、系统组件、属性方法、事件方法具体使用可参考基于ArkTS的声明式开发范式。除此之外，ArkTS扩展了多种语法范式来使开发更加便捷：
• @Builder/@BuilderParam：特殊的封装UI描述的方法，细粒度的封装和复用UI描述。
• @Extend/@Style：扩展内置组件和封装属性样式，可以更灵活地组合内置组件。
• stateStyles：多态样式，可以根据组件的内部状态的不同，从而设置不同的样式。