Harmony OS开发-TypeScript快速入门
00 分钟
2023-8-17
2023-8-18
type
status
date
slug
summary
tags
category
icon
password

1、编程语言介绍

ArkTS是HarmonyOS优选的主力应用开发语言。它在TypeScript(简称TS)的基础上,匹配ArkUI框架,扩展了声明式UI、状态管理等相应的能力,让开发者以更简洁、更自然的方式开发跨端应用。要了解什么是ArkTS,我们首先要了解下ArkTS、TypeScript和JavaScript之间的关系:
  • JavaScript是一种属于网络的高级脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。
  • TypeScript 是 JavaScript 的一个超集,它扩展了 JavaScript 的语法,通过在JavaScript的基础上添加静态类型定义构建而成,是一个开源的编程语言。
  • ArkTS兼容TypeScript语言,拓展了声明式UI、状态管理、并发任务等能力。
由此可知,TypeScript是JavaScript的超集,ArkTS则是TypeScript的超集,他们的关系如下图所示:
notion image

2、TS数据类型介绍

在TS中,变量是这样定义的:
常用数据类型有如下:

  • 布尔型
    • TypeScript中可以使用boolean来表示这个变量是布尔值,可以赋值为true或者false。
  • 数字
    • TypeScript里的所有数字都是浮点数,这些浮点数的类型是 number。除了支持十进制,还支持二进制、八进制、十六进制。
  • 字符串
    • TypeScript里使用 string表示文本数据类型, 可以使用双引号( ")或单引号(')表示字符串。
  • 数组
    • TypeScrip有两种方式可以定义数组。 第一种,可以在元素类型后面接上 [],表示由此类型元素组成的一个数组。
      第二种方式是使用数组泛型,Array<元素类型>。
  • 元组
    • 元组类型允许表示一个已知元素数量和类型的数组,各元素的类型不必相同。 比如,你可以定义一对值分别为 string和number类型的元组。
  • 枚举
    • enum类型是对JavaScript标准数据类型的一个补充,使用枚举类型可以为一组数值赋予友好的名字。
  • Unknown
    • 有时候,我们会想要为那些在编程阶段还不清楚类型的变量指定一个类型。这种情况下,我们不希望类型检查器对这些值进行检查而是直接让它们通过编译阶段的检查。那么我们可以使用unknown类型来标记这些变量。
  • Void
    • 当一个函数没有返回值时,你通常会见到其返回值类型是 void。
  • Null 和 Undefined
    • TypeScript里,undefined和null两者各自有自己的类型分别叫做undefined和null。
  • 联合类型
    • 联合类型(Union Types)表示取值可以为多种类型中的一种。

2、条件语句

与大部分编程语言一样,都有相似的条件语句:
  • if 语句
    • TypeScript if 语句由一个布尔表达式后跟一个或多个语句组成。
  • if…else 语句
    • 一个 if 语句后可跟一个可选的 else 语句,else 语句在布尔表达式为 false 时执行。
  • if…else if…else 语句
    • if...else if....else 语句在执行多个判断条件的时候很有用。
  • switch…case 语句
    • 一个 switch 语句允许测试一个变量等于多个值时的情况。每个值称为一个 case,且被测试的变量会对每个 switch case 进行检查。

3、函数

函数是一组一起执行一个任务的语句,函数声明要告诉编译器函数的名称、返回类型和参数。TypeScript可以创建有名字的函数和匿名函数,其创建方法如下:
  • 为函数定义类型
    • 为了确保输入输出的准确性,我们可以为上面那个函数添加类型:
  • 可选参数
    • 在TypeScript里我们可以在参数名旁使用 ?实现可选参数的功能。 比如,我们想让lastName是可选的:
  • 剩余参数
    • 剩余参数会被当做个数不限的可选参数。 可以一个都没有,同样也可以有任意个。 可以使用省略号( ...)进行定义:
  • 箭头函数
    • 类似与 Java 中的 lambda 表达式。
      ES6版本的TypeScript提供了一个箭头函数,它是定义匿名函数的简写语法,用于函数表达式,它省略了function关键字。箭头函数的定义如下,其函数是一个语句块:
      其中,括号内是函数的入参,可以有0到多个参数,箭头后是函数的代码块。我们可以将这个箭头函数赋值给一个变量,如下所示:
      如何要主动调用这个箭头函数,可以按如下方法去调用:
      接下来我们看看如何将我们熟悉的函数定义方式转换为箭头函数。我们可以定义一个判断正负数的函数,如下:
      其调用方法如下:
      如果将这个函数定义为箭头函数,定义如下所示:
      其调用方法如下:
      后面,我们在学习HarmonyOS应用开发时会经常用到箭头函数。例如,给一个按钮添加点击事件,其中onClick事件中的函数就是箭头函数。

4、类

 
与java中的类相似,写法如下:
TypeScript支持基于类的面向对象的编程方式,定义类的关键字为 class,后面紧跟类名。类描述了所创建的对象共同的属性和方法。
  • 类的定义
    • 例如,我们可以声明一个Person类,这个类有3个成员:一个是属性(包含name和age),一个是构造函数,一个是getPersonInfo方法,其定义如下所示。
      通过上面的Person类,我们可以定义一个人物Jacky并获取他的基本信息,其定义如下:
  • 继承
    • 继承就是子类继承父类的特征和行为,使得子类具有父类相同的行为。TypeScript中允许使用继承来扩展现有的类,对应的关键字为extends。
      通过上面的Employee类,我们可以定义一个人物Tom,这里可以获取他的基本信息,也可以获取他的雇主信息,其定义如下:
      在TypeScript中,有public、private、protected修饰符,其功能和具体使用场景大家可以参考TypeScript的相关学习资料,进行拓展学习。

5、模块

随着应用越来越大,通常要将代码拆分成多个文件,即所谓的模块(module)。模块可以相互加载,并可以使用特殊的指令 export 和 import 来交换功能,从另一个模块调用一个模块的函数。
两个模块之间的关系是通过在文件级别上使用 import 和 export 建立的。模块里面的变量、函数和类等在模块外部是不可见的,除非明确地使用 export 导出它们。类似地,我们必须通过 import 导入其他模块导出的变量、函数、类等。
  • 导出
    • 任何声明(比如变量,函数,类,类型别名或接口)都能够通过添加export关键字来导出,例如我们要把NewsData这个类导出,代码示意如下:
  • 导入
    • 模块的导入操作与导出一样简单。 可以使用以下 import形式之一来导入其它模块中的导出内容。

6、迭代器

当一个对象实现了Symbol.iterator属性时,我们认为它是可迭代的。一些内置的类型如Array,Map,Set,String,Int32Array,Uint32Array等都具有可迭代性。
for..of 语句
for..of会遍历可迭代的对象,调用对象上的Symbol.iterator方法。 下面是在数组上使用for..of的简单例子:
for..of vs. for..in 语句
for..of和for..in均可迭代一个列表,但是用于迭代的值却不同:for..in迭代的是对象的键,而for..of则迭代的是对象的值。

后续学习

TypeScript是一个开源的编程语言,本章节只介绍了TypeScript的基础语法知识,更多内容大家可以参考TypeScript的 官方教程 。大家在学习过程中,如果没有搭建TypeScript的开发环境,也可以直接使用 在线Playground平台 进行编码练习。已掌握TypeScript编程基础的学员可以跳过本章节的学习,没有接触过TypeScript的同学可以先补齐相关的语法基础,再进入HarmonyOS的相关开发学习之旅。
上一篇
C#语言介绍
下一篇
八、结构体讲解与C++的引用

评论
Loading...