【HarmonyOS北向开发】-03 ArkTS开发语言-TypeScript快速入门

飞书用户9535

2024年3月21日修改

参考链接：

https://developer.harmonyos.com/cn/documentation/teaching-video/

1.
编程语言介绍​

ArkTS是HarmonyOS优选的主力应用开发语言。它在TypeScript（简称TS）的基础上，匹配ArkUI框架，扩展了声明式UI、状态管理等相应的能力，让开发者以更简洁、更自然的方式开发跨端应用。要了解什么是ArkTS，我们首先要了解下ArkTS、TypeScript和JavaScript之间的关系：​

•
JavaScript是一种属于网络的高级脚本语言，已经被广泛用于Web应用开发，常用来为网页添加各式各样的动态功能，为用户提供更流畅美观的浏览效果。​

•
TypeScript 是 JavaScript 的一个超集，它扩展了 JavaScript 的语法，通过在JavaScript的基础上添加静态类型定义构建而成，是一个开源的编程语言。​

•
ArkTS兼容TypeScript语言，拓展了声明式UI、状态管理、并发任务等能力。​

由此可知，TypeScript是JavaScript的超集，ArkTS则是TypeScript的超集，他们的关系如下图所示：​

common.docs_name - LarkCCM_Docs_Menu_Image

在学习ArkTS声明式的相关语法之前，我们首先学习下TypeScript的基础语法。​

2.
基础类型​

TypeScript支持一些基础的数据类型，如布尔型、数组、字符串等，下文举例几个较为常用的数据类型，我们来了解下他们的基本使用。​

2.1
布尔值​

TypeScript中可以使用boolean来表示这个变量是布尔值，可以赋值为true或者false。​

代码块

let isDone: boolean = false;

👓

 “：”前为自定义名称，后为设置的类型型号，“=”确定数值​

2.2
数字​

TypeScript里的所有数字都是浮点数，这些浮点数的类型是 number。除了支持十进制，还支持二进制、八进制、十六进制。​

代码块

let decLiteral: number = 2023;​
let binaryLiteral: number = 0b11111100111;​
let octalLiteral: number = 0o3747;​
let hexLiteral: number = 0x7e7;​

2.3
字符串​

TypeScript里使用 string表示文本数据类型， 可以使用双引号（ "）或单引号（'）表示字符串。​

代码块

let name: string = "Jacky";​
name = "Tom";​
name = 'Mick';​

2.4
数组​

TypeScrip有两种方式可以定义数组。 第一种，可以在元素类型后面接上 []，表示由此类型元素组成的一个数组。​

代码块

let list: number[] = [1, 2, 3];

第二种方式是使用数组泛型，Array<元素类型>。

代码块

let list: Array<number> = [1, 2, 3];

2.5
元组​

元组类型允许表示一个已知元素数量和类型的数组，各元素的类型不必相同。 比如，你可以定义一对值分别为 string和number类型的元组。​

代码块

let x: [string, number];​
x = ['hello', 10]; // OK​
x = [10, 'hello']; // Error​

📣

注意顺序要与定义时要一致，此处为前为string类型，后为number类型​

2.6
枚举​

enum类型是对JavaScript标准数据类型的一个补充，使用枚举类型可以为一组数值赋予友好的名字。​

代码块

enum Color {Red, Green, Blue};​
let c: Color = Color.Green;​

【HarmonyOS北向开发】-03 ArkTS开发语言-TypeScript快速入门​

【HarmonyOS北向开发】-03 ArkTS开发语言-TypeScript快速入门