鸿蒙App开发学习 - TypeScript编程语言全面开发教程（上）

先自我介绍一下，小编浙江大学毕业，去过华为、字节跳动等大厂，目前阿里P7

深知大多数程序员，想要提升技能，往往是自己摸索成长，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年最新HarmonyOS鸿蒙全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵盖了95%以上鸿蒙开发知识点，真正体系化！

由于文件比较多，这里只是将部分目录截图出来，全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频，并且后续会持续更新

如果你需要这些资料，可以添加V获取：vip204888 （备注鸿蒙）

正文

12.使用 let 声明的变量不会成为全局对象的属性。

总的来说，推荐使用 let 来声明变量，因为它更安全、更符合块级作用域的使用方式，而且可以避免一些意外的行为。

2.2 函数声明

函数按照名称, 参数和返回值分为:

• 有名函数和匿名函数
• 无参函数和有参函数
• 无返回值和有返回值

有名函数与无名函数

function add(x: number, y: number): number {
return x + y;
}
let myAdd = function(x: number, y: number): number { return x + y; };

可选参数和默认参数

//固定参数
function buildName(firstName: string, lastName: string) {
return firstName + " " + lastName;
}
let result1 = buildName(“Bob”); // error, too few parameters
let result2 = buildName(“Bob”, “Adams”, “Sr.”); // error, too many parameters
let result3 = buildName(“Bob”, “Adams”); // ah, just right
//可选参数
function buildName(firstName: string, lastName?: string) {
if (lastName)
return firstName + " " + lastName;
else
return firstName;
}
let result1 = buildName(“Bob”); // works correctly now
let result2 = buildName(“Bob”, “Adams”, “Sr.”); // error, too many parameters
let result3 = buildName(“Bob”, “Adams”); // ah, just right
//默认参数
function buildName(firstName: string, lastName = “Smith”) {
return firstName + " " + lastName;
}
let result1 = buildName(“Bob”); // works correctly now, returns “Bob Smith”
let result2 = buildName(“Bob”, undefined); // still works, also returns “Bob Smith”
let result3 = buildName(“Bob”, “Adams”, “Sr.”); // error, too many parameters
let result4 = buildName(“Bob”, “Adams”); // ah, just right

可变参数

function buildName(firstName: string, …restOfName: string[]) {
return firstName + " " + restOfName.join(" ");
}
let employeeName = buildName(“Joseph”, “Samuel”, “Lucas”, “MacKinzie”);

2.3 控制语句

TypeScript 中常用的控制语句与 JavaScript 中的类似，主要包括以下几种：

1.条件语句（Conditional Statements）：

• if 语句：根据条件执行不同的代码块。
• else if 语句：在 if 条件不满足时执行新的条件判断。
• else 语句：在所有条件都不满足时执行的代码块。

let num: number = 10;
if (num > 0) { console.log(“Positive”); } else if (num < 0) { console.log(“Negative”); } else { console.log(“Zero”); }

2.循环语句（Loop Statements）：

for (let i = 0; i < 5; i++) {
console.log(i);
}
let j = 0;
while (j < 5) {
console.log(j);
j++;
}
let k = 0;
do {
console.log(k);
k++;
} while (k < 5);

• for 循环：重复执行指定次数的代码块。
• while 循环：在指定条件为真时重复执行代码块。
• do…while 循环：先执行一次代码块，然后在指定条件为真时重复执行代码块。

• switch 语句：根据表达式的值选择执行不同的代码块。

let fruit: string = “apple”;

switch (fruit) {
case “apple”:
console.log(“Apple”);
break;
case “banana”:
console.log(“Banana”);
break;
default:
console.log(“Unknown fruit”);
}

4.break 和 continue 语句：在循环中控制循环的执行流程。

• break 语句用于立即退出循环。
• continue 语句用于跳过当前循环的剩余代码，直接进入下一次循环的迭代。

5.for…of 语句：

let colors: string[] = [“red”, “green”, “blue”];
for (let color of colors) {
console.log(color);
}

• 用于遍历可迭代对象（如数组、集合等）的元素。
• 提供了一种简洁的方式来迭代对象的元素。

6.for…in 语句：

let obj = { a: 1, b: 2, c: 3 };
for (let key in obj) {
console.log(key); // 输出 “a”, “b”, “c”
console.log(obj[key]); // 输出 1, 2, 3
}

• 用于遍历对象的可枚举属性。
• 迭代对象的所有可枚举属性名称，包括原型链上的属性。

for…of和for…in均可迭代一个列表；但是用于迭代的值却不同：

• for…in迭代的是对象的 键 的列表
• for…of则迭代对象的键对应的值。

3. 面相对象

和别的面相对象语言一样, TypeScript：

• 类、接口、泛型
• 使用 extends 继承类
• 使用 implement 实现接口

3.1 修饰符

TypeScript也有相应的修饰符：

1.public：

• 默认的修饰符，如果没有显式地指定修饰符，默认为 public。
• 可以被类的实例访问，也可以被子类继承。

2.private：

• 私有成员，只能在定义它们的类内部访问。
• 不能在类的外部或子类中访问。

3.protected：

• 受保护的成员，可以在定义它们的类内部和该类的子类中访问。
• 不能在类的外部访问。

4.readonly：

• 只读成员，表示该属性只能在声明时或构造函数中被赋值，之后无法修改。
• 类似于常量，但是只对属性起作用。

3.2 Object

在 TypeScript 中，Object 是 JavaScript 中的原生对象类型，表示一个普通的 JavaScript 对象。在 TypeScript 中，Object 类型可以用来表示任意的 JavaScript 对象，它是所有对象的顶级类型。在 TypeScript 中，Object 类型可以作为任何类型的超类型，因此可以将任何值分配给 Object 类型的变量。

创建对象

let obj: Object = {};

这里我们声明了一个类型为 Object 的变量 obj，并初始化为一个空对象。这样做的好处是，obj 可以引用任何类型的对象。

对象方法

Object 类型具有许多内置的方法，可以对对象进行操作。例如：

• Object.keys(obj)：返回一个数组，包含对象的所有可枚举属性的名称。
• Object.values(obj)：返回一个数组，包含对象的所有可枚举属性的值。
• Object.entries(obj)：返回一个数组，包含对象的所有可枚举属性的键值对。
• Object.assign(target, …sources)：将一个或多个源对象的所有可枚举属性复制到目标对象，并返回目标对象。

let obj = { a: 1, b: 2, c: 3 };
console.log(Object.keys(obj)); // 输出 [“a”, “b”, “c”]
console.log(Object.values(obj)); // 输出 [1, 2, 3]
console.log(Object.entries(obj)); // 输出 [[“a”, 1], [“b”, 2], [“c”, 3]]

扩展对象

可以使用对象展开运算符 … 来扩展对象。

let obj1 = { a: 1, b: 2 };
let obj2 = { c: 3, d: 4 };
let mergedObj = { …obj1, …obj2 };
console.log(mergedObj); // 输出 { a: 1, b: 2, c: 3, d: 4 }

在 TypeScript 中，Object 类型通常用于表示任意的 JavaScript 对象，并且提供了一些内置的方法来操作对象。但需要注意的是，Object 类型并不包括 JavaScript 中一些特殊的对象类型，比如数组、函数、正则表达式等。

3.3 类,接口定义与实现

具体以下面代码为例:

interface PersonInfo {
name: string;
age: number;
gender: string;
id: number;
introduce(): void; // 增加一个行为函数定义
}
class Person implements PersonInfo {
public name: string;
private age: number;
protected gender: string;
readonly id: number;
constructor(name: string, age: number, gender: string, id: number) {
this.name = name;
this.age = age;
this.gender = gender;
this.id = id;
}
introduce() {
console.log(Hello, my name is ${this.name}. I am ${this.age} years old.);
}
}
class Employee extends Person {
constructor(name: string, age: number, gender: string, id: number) {
super(name, age, gender, id);
}
showInformation() {
console.log(Name: ${this.name}, Gender: ${this.gender});
}
}
const personInfo: PersonInfo = {
name: “Alice”,
age: 30,
gender: “female”,
id: 12345,
introduce() {
console.log(Hello, my name is ${this.name}. I am ${this.age} years old.);
}
};
const person: Person = new Person(personInfo.name, personInfo.age, personInfo.gender, personInfo.id);
console.log(person.name); // 可以访问，输出 “Alice”
console.log(person.age); // 报错，age 是私有属性，无法在类的外部访问
console.log(person.gender); // 报错，gender 是受保护的属性，无法在类的外部访问
console.log(person.id); // 可以访问，输出 12345
person.introduce(); // 调用行为函数
const employee: Employee = new Employee(“Bob”, 35, “male”, 67890);
console.log(employee.name); // 可以访问，输出 “Bob”
console.log(employee.gender); // 报错，gender 是受保护的属性，无法在类的外部访问
employee.showInformation(); // 可以访问，输出 “Name: Bob, Gender: male”

3.4 包装类

在 JavaScript 中，原始数据类型（Primitive Types）和对象类型（Object Types）之间存在一种关联，这种关联通常被称为包装对象（Wrapper Objects）。

JavaScript 为每种原始数据类型（除了 null 和 undefined）都提供了对应的包装对象，这些包装对象是由 JavaScript 引擎自动创建的，并提供了一些额外的功能。这些包装对象是临时创建的，用于在必要时使原始类型的值能够像对象一样进行操作。

下面是 JavaScript 中主要的包装对象：

• Number 对象用于处理数字类型的值。
• String 对象用于处理字符串类型的值。
• Boolean 对象用于处理布尔类型的值。
• Symbol 对象用于处理符号类型的值。

例如，对于字符串类型的值，JavaScript 提供了 String 对象，可以使用 String 对象的方法来操作字符串：

let str = “Hello”;
console.log(str.length); // 输出 5，字符串的长度
let strObj = new String(“Hello”);
console.log(strObj.length); // 输出 5，字符串对象的长度

在这个例子中，str 是一个原始的字符串类型的值，而 strObj 是一个 String 对象，它们都具有 length 属性，用于返回字符串的长度。虽然 str 不是对象，但 JavaScript 在必要时会将其自动转换为一个临时的 String 对象，以便调用 length 属性。

在 TypeScript 中，也存在类似的包装对象的概念，但通常开发者不需要显式地使用包装对象，因为 TypeScript 会隐式地处理原始类型和对象类型之间的转换。

总结

以上就是 TypeScript （上半部分）的基础知识，关注我，持续学习 鸿蒙App开发~ 接下来学习TypeScript（下半部分）

最后

随着鸿蒙开发越来越火热，我了解到现在有很多小伙伴想入行鸿蒙，但又不知道学习哪些鸿蒙开发技术？不知道需要重点掌握哪些鸿蒙应用开发知识点？而且学习时频繁踩坑，最终浪费大量时间。我给大家整理了一份实用的鸿蒙（Harmony OS）开发学习手册资料用来跟着学习是非常有利于帮助大家提升鸿蒙开发技术的。

相对于网上那些碎片化的知识内容，这份学习资料的知识点更加系统化，更容易理解和记忆。资料包含了、应用开发导读(ArkTS)、HarmonyOS 概念、如何快速入门、开发基础知识、基于ArkTS 开发、等鸿蒙开发必掌握的核心知识要点，内容包含了（技术知识点。

希望这一份鸿蒙学习资料能够给大家带来帮助，有需要的小伙伴自行领取，限时开源，先到先得~无套路领取！！

获取这份完整版高清学习路线，请点击→《鸿蒙星河版开发教程指南》

鸿蒙（Harmony NEXT）最新学习路线

有了路线图，怎么能没有学习资料呢，小编也准备了几套HarmonyOS NEXT学习视频 内容包含以下联

内容包含：ArkTS、TypeScript、ArkUI、资源分类…等知识点。

获取完整版高清学习路线，请点击→《HarmonyOS教学视频》

HarmonyOS教学视频

鸿蒙语法ArkTS、TypeScript、ArkUI等…视频教程

鸿蒙生态应用开发白皮书V2.0PDF：

获取白皮书**，请点击→《鸿蒙生态应用开发白皮书V2.0PDF》**

鸿蒙 (Harmony OS)开发学习手册

一、入门必看

1.应用开发导读(ArkTS)

2.……

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化的资料的朋友，可以添加V获取：vip204888 （备注鸿蒙）

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

：

获取白皮书**，请点击→《鸿蒙生态应用开发白皮书V2.0PDF》**

鸿蒙 (Harmony OS)开发学习手册

一、入门必看

1.应用开发导读(ArkTS)

2.……

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化的资料的朋友，可以添加V获取：vip204888 （备注鸿蒙）
[外链图片转存中…(img-Pko9NOb6-1713212357730)]

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！