3. ArkTS语法介绍（已完结）

Hacker_DL

已于 2025-02-07 18:02:55 修改

阅读量1.2k

点赞数 9

分类专栏：【已完结】新版《HarmonyOS第一课·基础课程》学习笔记文章标签：华为 harmonyos

于 2024-06-27 18:27:20 首次发布

本文链接：https://blog.csdn.net/qq_43303950/article/details/139901188

版权

【已完结】新版《HarmonyOS第一课·基础课程》学习笔记专栏收录该内容

8 篇文章

订阅专栏

零、写在最前

各位看官，由于官方教程对ArkTS的讲解非常概略，且对于TypeScript的基础语法没有任何介绍。这样对于之前没有接触过TypeScript开发的小伙伴造成了不小的困难。

所以，我准备基于黑马程序员在B站上上传的课程——《HarmonyOS NEXT星河版零基础入门到实战》（P02-10），对于这一部分的知识进行补充。本文档我会添加我认为重要的补充知识内容，并逐步整理完善，恳请各位看官耐心等待。

当全部更新已完成时，我会在标题上明确写出：（已完结）字样。只要还在更新，就是（正在持续更新中……）。

一、课程笔记

1.0 基础快速入门

对于一个合格的开发人员来说，遇到不清楚的技术点，一定要养成一个经常翻阅官方文档的好习惯。在华为开发者联盟的官网中的开发者文档中，有对于ArkTS语法的介绍。详见后面传送门：《初识ArkTS语言》

1.1 认识和存储数据

变量：用来存储会发生变化的数据；

常量：用来存储不会发生变化的数据

// 变量的存储和修改
// 1. 变量的存储
// 1.1 字符串 string类型
let title: string = 'lorem'
// 打印验证
console.log('字符串 string', title);

// 1.2 数字 number类型
let age: number = 1
// 打印验证
console.log('数字 number', age);

// 1.3 布尔 boolean类型
let isMarried: boolean = true
// 打印验证
console.log('布尔 boolean', isMarried);


// 2. 变量的修改
// 2.1 字符串 string类型
title = 'test'
// 打印验证
console.log('字符串 string', title);

// 2.2 数字 number类型
age = 10
// 打印验证
console.log('数字 number', age);

// 2.3 布尔 boolean类型
isMarried = false
// 打印验证
console.log('布尔 boolean', isMarried);


// 3. 常量的存储
const  companyName: string = 'lorem'

1.2 常量和变量的命名规则

变量、常量的命名规则，简言之：

变量名、常量名只能包含字母、数字、下划线、$，不能以数字开头；
不能使用内置关键字或保留字作为；
变量名、常量名必须严格区分大小写；
建议：将变量名、常量名设置为一些名词或名词短语，并采用小驼峰命名，以便于理解其含义。

注意：关于这一部分知识，华为开发者联盟官网上有更进一步的建议，详见：《ArkTS编程规范》。

1.3 数组

let items: string[] = ['1', '2', '3', '4', '5']
// 打印验证
console.log('数组items', items)

1.4 函数

1.4.1 函数的基本使用

不使用函数输出3上述3组数据

// 1. 不是用函数，输出以下语句
console.log('测试输出', 1)
console.log('测试输出', 2)
console.log('测试输出', 3)
console.log('测试输出', 4)
console.log('测试输出', 5)

console.log('测试输出', 1)
console.log('测试输出', 2)
console.log('测试输出', 3)
console.log('测试输出', 4)
console.log('测试输出', 5)

console.log('测试输出', 1)
console.log('测试输出', 2)
console.log('测试输出', 3)
console.log('测试输出', 4)
console.log('测试输出', 5)

使用函数输出3上述3组数据，实现简化书写

// 2. 通过函数简化代码
// 2.1 定义函数
function test() {
  console.log('测试输出', 1)
  console.log('测试输出', 2)
  console.log('测试输出', 3)
  console.log('测试输出', 4)
  console.log('测试输出', 5)
}

// 2.2 调用函数（打印验证）
test()
test()
test()

1.4.2 函数的完整写法

function test(call: number) {
  console.log(call.toString())
}

test(1)

1.4.3 箭头函数

箭头函数的本质上依然是函数。但它与普通函数的区别在于，它可用更简洁的函数书写方式去表达。

（1）无实参的情形

let test1 = () => {
  console.log('测试输出', 1)
  console.log('测试输出', 2)
  console.log('测试输出', 3)
  console.log('测试输出', 4)
  console.log('测试输出', 5)
}

test1()

（2）有实参的情形

let test2 = (call: number) => {
  console.log(call.toString())
}

test2(1)

1.5 接口&对象

1.5.1 简述

对象是可以存放多个不同类型的数据的容器（区别于“数组”——数组元素必须为同类型），其作用是用于描述一个物体的特征和行为。物体的多个特征，应当使用多组属性名和其对应的属性值去指定。

1.5.2 对象的定义和使用

通过定义接口（interface），约定对象结构类型
基于接口，定义对象实例
使用该对象实例，获取对象实例的属性值
基于接口，可以定义多个对象实例（这些对象实例都具有相同的结构类型）

// 定义接口
interface Person {
  name: string
  age: number
  weight: number
}

// 基于接口，定义对象实例
let person: Person = {
  name: 'David',
  age: 18,
  weight: 60
}

// 使用该对象实例，获取对象实例的属性值
console.log('name:', person.name)
console.log('age:', person.age)
console.log('weight:', person.weight)

// 基于接口，可以定义多个对象实例（这些对象实例都具有相同的结构类型）
let person1:Person = {
  name:'XXX',
  age:17,
  weight:45
}

// 使用该对象实例，获取对象实例的属性值
console.log('name:', person1.name)
console.log('age:', person1.age)
console.log('weight:', person1.weight)

1.5.3 对象的方法

// 定义接口
interface Person {
  // 1. 定义方法的类型
  method1: () => void
  method2: (test: string) => void
}

// 基于接口，定义对象实例
let person: Person = {
  // 2. 基于方法的类型，定义对象的方法
  method1: () => {
    console.log('lorem1')
  },
  method2: (test: string) => {
    console.log('lorem2', test)
  }
}

// 3. 调用对象中的方法
person.method1()
person.method2('234')

1.6 联合类型

联合类型是一种灵活的数据类型，它修饰的变量可以被不同类型的数据赋值。

1.6.1 用不同类型的数据，给联合类型的变量赋值

let judge: number|string=100
console.log('final evaluation', judge);

judge='A'
console.log('final evaluation', judge);

1.6.2 将变量的值约定在一组数据范围内进行选择

let gender: 'man'|'woman'|'secret'='man'

1.7 枚举

枚举类型是一种特殊的数据类型，约定变量只能在一组数据范围内选择值。那么，这个功能有什么实际应用价值吗？当然！我们举个例子。

一个应用的设计师会告诉我们：APP的主题中，所有的主色都进行统一设置，这样界面将更协调。比如，对于以下颜色做了规范：

红色（Red）：#FF0F29
橙色（Orange）：#FF7100
绿色（Green）：#30B30E

这样的话，我们只需使用枚举类型中定义的Red就能统一代表#FF0F29这个颜色了。

// 1. 定义枚举（定义常量列表）
enum ThemeColor {
  Red = '#FF0F29',
  Orange = '#FF7100',
  Green = '#30B30E'
}

// 2. 给变量设定没类型
let color: ThemeColor = ThemeColor.Red
console.log('color', color);

注意，勤思考的小伙伴肯定有疑问：在1.6联合类型中，我们不是也能实现变量在某个范围内取值吗？如下面这段代码所示

let ThemeColor : '#FF0F29'|'#FF7100'|'#30B30E'='#FF0F29'

显然，这种表示方法虽然也可以，但是代码的可读性就太低了！不熟悉RGB的小伙伴，怎么能一眼看出来#FF0F29这个颜色，它代表什么颜色？所以联合类型在这里的使用效果就不如枚举类型优秀。

二、习题整理

2.1 判断题

1. ArkTS中使用const声明常量。

答案：正确

2. 允许在容器组件内使用if/else条件渲染语句构建不同的子组件。

答案：正确

3. ArkTS是HarmonyOS生态应用的开发语言，使用 .ets 作为ArkTS语言源码文件后缀。它在保持TypeScript （简称 TS ）基本语法风格的基础上，对TS的动态类型特性施加更严格的约束。同时提供了声明式UI 、状态管理等相应的能力，让开发者以更简洁、更自然的方式开发高性能应用。

答案：正确