「前端+鸿蒙」鸿蒙应用开发-TS声明和数据类型

在鸿蒙应用开发中使用 TypeScript (TS) 可以带来类型安全和现代编程语言特性的好处。TypeScript 是 JavaScript 的一个超集，它添加了类型注解、接口、类和其他特性。以下是 TypeScript 快速入门的指南，包括声明变量和使用数据类型。

TS快速入门-声明和数据类型

基本类型

TypeScript 支持多种基本数据类型，包括：

number：整数或浮点数。
string：文本数据。
boolean：逻辑实体，值为 true 或 false。
array：类似数组的类型，可以用 string[] 表示字符串数组。
tuple：元组类型，允许表示一个固定长度的数组，其元素类型可以不同。
enum：枚举类型，用于定义命名的常数集合。
any：用于表示任意类型，不推荐在生产代码中广泛使用，因为它会失去类型检查的好处。
void：与 any 相反，表示没有任何类型，通常用作没有返回值的函数的返回类型。
null 和 undefined：TypeScript 中的这两个类型是所有类型的子类型，可以赋值给任何类型。

声明变量

在 TypeScript 中声明变量时，需要指定其类型：

let age: number = 30;
let name: string = '张三';
let isStudent: boolean = true;
let numbers: number[] = [1, 2, 3];
let point: [number, number] = [10, 20]; // 元组
enum Color {Red, Green, Blue}
let favoriteColor: Color = Color.Red;

类型别名和接口

使用类型别名（type）或接口（interface）来描述更复杂的数据结构：

// 类型别名
type Person = {name: string;age: number;
};let person: Person = {name: '李四',age: 25
};// 接口
interface PersonInterface {name: string;greet(): void;
}let personInterface: PersonInterface = {name: '王五',greet() {console.log(`Hello, my name is ${this.name}!`);}
};personInterface.greet(); // 输出: Hello, my name is 王五!

函数和泛型

TypeScript 支持在函数中指定参数和返回值的类型，以及使用泛型：

function add(x: number, y: number): number {return x + y;
}let result = add(10, 20); // result 类型为 number// 使用泛型
function log<T>(message: T): void {console.log(message);
}log<string>('Hello, TypeScript!'); // 明确指定 message 为 string 类型
log(123); // 推断 message 为 number 类型

示例代码

以下是使用 TypeScript 开发的一个简单鸿蒙应用示例，其中包含了基本类型、类型别名、接口和泛型：

// 定义类型别名
type GreetingMessage = {from: string;to: string;message: string;
};// 使用接口定义应用的配置
interface AppConfig {appVersion: string;debugMode: boolean;
}// 定义一个泛型函数，用于显示日志信息
function log<T>(prefix: string, content: T): void {console.log(`${prefix}: ${JSON.stringify(content)}`);
}// 应用配置
const appConfig: AppConfig = {appVersion: '1.0.0',debugMode: true
};// 问候消息
let greeting: GreetingMessage = {from: 'TypeScript',to: 'HarmonyOS Developer',message: 'Welcome to the world of TypeScript in HarmonyOS!'
};// 显示应用配置和问候消息
log('App Config', appConfig);
log('Greeting', greeting);