TypeScript 测验

为了帮助你测试对 TypeScript 的理解，我们准备了以下测验题目。这些题目涵盖了 TypeScript 的核心概念和常用特性，包括类型系统、接口、类、泛型等。

一、单选题

1. 以下哪个不是 TypeScript 的基本类型？ A. number B. string C. boolean D. object

2. 以下哪种方式可以定义一个可选属性？ A. name: string B. name?: string C. name: string | undefined D. name: optional string

3. 以下哪种方式可以定义一个只读属性？ A. readonly name: string B. const name: string C. name: readonly string D. name: string readonly

4. 以下哪个是 TypeScript 中的联合类型？ A. string & number B. string | number C. string | number | boolean D. string & number & boolean

5. 以下哪个是 TypeScript 中的泛型函数？ A. function add(a: number, b: number): number B. function identity<T>(value: T): T C. function greet(name: string): void D. function calculateArea(radius: number): number

6. 以下哪个是 TypeScript 中的接口？ A. class Person { ... } B. interface Person { ... } C. type Person = { ... } D. enum Person { ... }

7. 以下哪个是 TypeScript 中的命名空间？ A. namespace Utils { ... } B. module Utils { ... } C. import * as Utils from './utils' D. export namespace Utils { ... }

8. 以下哪个是 TypeScript 中的声明文件？ A. utils.ts B. utils.js C. utils.d.ts D. utils.json

9. 以下哪种方式可以导入模块？ A. import utils from './utils' B. require('./utils') C. import * as utils from './utils' D. 以上都是

10. 以下哪个是 TypeScript 中的类型断言？ A. (value as string) B. <string>value C. value: string D. A 和 B

二、多选题

1. 以下哪些是 TypeScript 的特性？ A. 静态类型检查 B. 类型推断 C. 接口 D. 类 E. 泛型

2. 以下哪些是 TypeScript 中的高级类型？ A. 联合类型 B. 交叉类型 C. 类型守卫 D. 条件类型 E. 映射类型

3. 以下哪些是 TypeScript 中的泛型工具类型？ A. Partial<T> B. Required<T> C. Readonly<T> D. Record<K, T> E. Pick<T, K>

4. 以下哪些是 TypeScript 中的访问修饰符？ A. public B. private C. protected D. readonly E. static

5. 以下哪些是 TypeScript 中的循环结构？ A. for B. for-in C. for-of D. while E. do-while

三、判断题

1. TypeScript 是 JavaScript 的超集，所有 JavaScript 代码都是有效的 TypeScript 代码。 A. 正确 B. 错误

2. TypeScript 中的类型注解是可选的，TypeScript 可以自动推断类型。 A. 正确 B. 错误

3. TypeScript 中的接口可以被类实现。 A. 正确 B. 错误

4. TypeScript 中的命名空间和模块是同一个概念。 A. 正确 B. 错误

5. TypeScript 中的泛型可以提高代码的可重用性。 A. 正确 B. 错误

四、代码题

1. 编写一个 TypeScript 函数，接受一个数组和一个回调函数，返回一个新数组，其中每个元素是原数组元素经过回调函数处理后的结果。

2. 编写一个 TypeScript 接口，描述一个用户对象，包含 id、name、email 和 age 属性，其中 age 是可选的。

3. 编写一个 TypeScript 类，实现一个栈数据结构，包含 push、pop、peek、isEmpty 和 size 方法。

4. 编写一个 TypeScript 泛型函数，接受一个对象和一个键，返回该对象对应键的值，同时确保键是对象的有效键。

5. 编写一个 TypeScript 模块，导出一个工具函数，用于格式化日期。

五、解答

一、单选题

1. D. object（object 是 TypeScript 中的类型，但不是基本类型，基本类型包括 number、string、boolean、null、undefined、symbol、bigint）
2. B. name?: string
3. A. readonly name: string
4. B. string | number（联合类型使用 | 符号）
5. B. function identity<T>(value: T): T（泛型函数使用 <T> 语法）
6. B. interface Person { ... }
7. A. namespace Utils { ... }
8. C. utils.d.ts（声明文件的扩展名为 .d.ts）
9. D. 以上都是（TypeScript 支持 ES 模块和 CommonJS 模块）
10. D. A 和 B（TypeScript 支持两种类型断言语法）

二、多选题

1. A, B, C, D, E（都是 TypeScript 的特性）
2. A, B, C, D, E（都是 TypeScript 中的高级类型）
3. A, B, C, D, E（都是 TypeScript 中的泛型工具类型）
4. A, B, C（public、private、protected 是访问修饰符）
5. A, B, C, D, E（都是 TypeScript 中的循环结构）

三、判断题

1. A. 正确（TypeScript 是 JavaScript 的超集）
2. A. 正确（TypeScript 可以自动推断类型）
3. A. 正确（接口可以被类实现）
4. B. 错误（命名空间和模块是不同的概念）
5. A. 正确（泛型可以提高代码的可重用性）

四、代码题

1. 编写一个 TypeScript 函数，接受一个数组和一个回调函数，返回一个新数组，其中每个元素是原数组元素经过回调函数处理后的结果。

function map<T, U>(array: T[], callback: (item: T, index: number) => U): U[] {
  const result: U[] = [];
  for (let i = 0; i < array.length; i++) {
    result.push(callback(array[i], i));
  }
  return result;
}

// 使用
const numbers = [1, 2, 3, 4, 5];
const squaredNumbers = map(numbers, (n) => n * n);
console.log(squaredNumbers); // 输出：[1, 4, 9, 16, 25]

2. 编写一个 TypeScript 接口，描述一个用户对象，包含 id、name、email 和 age 属性，其中 age 是可选的。

interface User {
  id: number;
  name: string;
  email: string;
  age?: number;
}

// 使用
const user1: User = {
  id: 1,
  name: "John",
  email: "john@example.com"
};

const user2: User = {
  id: 2,
  name: "Jane",
  email: "jane@example.com",
  age: 30
};

3. 编写一个 TypeScript 类，实现一个栈数据结构，包含 push、pop、peek、isEmpty 和 size 方法。

class Stack<T> {
  private items: T[] = [];

  push(item: T): void {
    this.items.push(item);
  }

  pop(): T | undefined {
    return this.items.pop();
  }

  peek(): T | undefined {
    return this.items[this.items.length - 1];
  }

  isEmpty(): boolean {
    return this.items.length === 0;
  }

  size(): number {
    return this.items.length;
  }
}

// 使用
const stack = new Stack<number>();
stack.push(1);
stack.push(2);
stack.push(3);
console.log(stack.size()); // 输出：3
console.log(stack.peek()); // 输出：3
console.log(stack.pop()); // 输出：3
console.log(stack.size()); // 输出：2
console.log(stack.isEmpty()); // 输出：false

4. 编写一个 TypeScript 泛型函数，接受一个对象和一个键，返回该对象对应键的值，同时确保键是对象的有效键。

function getProperty<T, K extends keyof T>(obj: T, key: K): T[K] {
  return obj[key];
}

// 使用
const user = {
  id: 1,
  name: "John",
  email: "john@example.com"
};

console.log(getProperty(user, "id")); // 输出：1
console.log(getProperty(user, "name")); // 输出：John
console.log(getProperty(user, "email")); // 输出：john@example.com
// console.log(getProperty(user, "age")); // 错误：类型 "age" 不能赋值给类型 "id" | "name" | "email"

5. 编写一个 TypeScript 模块，导出一个工具函数，用于格式化日期。

// date-utils.ts
export function formatDate(date: Date): string {
  const year = date.getFullYear();
  const month = String(date.getMonth() + 1).padStart(2, '0');
  const day = String(date.getDate()).padStart(2, '0');
  const hours = String(date.getHours()).padStart(2, '0');
  const minutes = String(date.getMinutes()).padStart(2, '0');
  const seconds = String(date.getSeconds()).padStart(2, '0');
  
  return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
}

// 使用
import { formatDate } from './date-utils';

const now = new Date();
console.log(formatDate(now)); // 输出：2024-01-01 12:00:00（示例）

总结

通过以上测验，你可以测试自己对 TypeScript 的理解程度。如果你在某些题目上遇到困难，建议回顾相关的知识点，加深对 TypeScript 的理解。TypeScript 是一种强大的编程语言，它可以帮助你编写更加安全、可维护的代码。

祝你学习愉快！