TypeScript复杂类型大揭秘：一文了解数组、元组和函数！

2023-11-08 11:13:16

在学习了TypeScript的基础知识后，是时候深入探索一下它的复杂类型了。本文将带你了解TypeScript中的数组、元组和函数，并通过一些实际例子来说明它们的用法。

一、TypeScript 数组

TypeScript数组是一种有序的数据结构，可以存储相同类型的值。数组元素可以通过索引访问，索引从0开始。

// 定义一个字符串数组
const names: string[] = ['Alice', 'Bob', 'Charlie'];

// 访问数组元素
console.log(names[0]); // 输出：Alice

// 添加元素到数组
names.push('Dave');

// 删除数组元素
names.pop();

// 遍历数组
for (const name of names) {
  console.log(name);
}

二、TypeScript 元组

TypeScript元组是一种有序的数据结构，可以存储不同类型的值。元组元素可以通过索引访问，索引从0开始。

// 定义一个元组
const person: [string, number] = ['Alice', 25];

// 访问元组元素
console.log(person[0]); // 输出：Alice
console.log(person[1]); // 输出：25

// 添加元素到元组
person.push('Developer');

// 删除元组元素
person.pop();

// 遍历元组
for (const element of person) {
  console.log(element);
}

三、TypeScript 函数

TypeScript函数是一种将输入转换为输出的代码块。函数可以通过名称调用，也可以作为参数传递给其他函数。

// 定义一个函数
function greet(name: string): string {
  return `Hello, ${name}!`;
}

// 调用函数
console.log(greet('Alice')); // 输出：Hello, Alice!

// 将函数作为参数传递给其他函数
function sayHello(fn: (name: string) => string): void {
  console.log(fn('Bob'));
}

sayHello(greet); // 输出：Hello, Bob!