Web前端面试题/web前端基础：TypeScript面试题

什么是 TypeScript？它解决了什么问题？

答：TypeScript 是一种开源的编程语言，它是 JavaScript 的超集，可以编译成纯 JavaScript。它通过静态类型检查来提高代码的可靠性和可维护性，使得开发人员可以在编译时发现一些常见的错误，例如拼写错误、类型错误等。TypeScript 还提供了一些面向对象编程的特性，例如接口、类、命名空间等，使得代码更加模块化、可读性更高。

TypeScript 中的类型有哪些？如何定义变量的类型？

答：TypeScript 中的类型包括基本类型（如字符串、数字、布尔值等）、对象类型（如数组、元组、枚举、函数等）和特殊类型（如 any、void、never、unknown 等）。要定义变量的类型，可以使用冒号加上类型名称的方式来指定，例如：

let myString: string = "Hello, world!";
let myNumber: number = 42;
let myBoolean: boolean = true;
let myArray: number[] = [1, 2, 3];
let myTuple: [string, number] = ["hello", 10];
let myEnum: enum Color { Red, Green, Blue };
function myFunction(a: number, b: number): number {
  return a + b;
}

TypeScript 中的接口是什么？如何定义接口？

答：接口是一种抽象的数据类型，用于描述对象的属性和方法。在 TypeScript 中，接口可以用来定义对象的类型，从而在编译时进行类型检查。要定义接口，可以使用 interface 关键字，例如：

interface Person {
  name: string;
  age: number;
  sayHello: () => void;
}

上述代码定义了一个 Person 接口，它包含 name 和 age 两个属性，以及一个无参数、无返回值的 sayHello 方法。可以通过实现该接口来创建一个符合该接口定义的对象，例如：

let person: Person = {
  name: "Alice",
  age: 30,
  sayHello: function() {
    console.log("Hello, my name is " + this.name);
  }
};

TypeScript 中的类是什么？如何定义类？

答：类是一种面向对象编程的概念，用于描述具有相似属性和方法的对象。在 TypeScript 中，类可以通过 class 关键字来定义，例如：

class Person {
  name: string;
  age: number;
  constructor(name: string, age: number) {
    this.name = name;
    this.age = age;
  }
  sayHello() {
    console.log("Hello, my name is " + this.name);
  }
}

上述代码定义了一个 Person 类，它包含 name 和 age 两个属性，以及一个无参数、无返回值的 sayHello 方法。可以通过创建该类的实例来使用它，例如：

let person = new Person("Alice", 30);
person.sayHello(); // 输出 "Hello, my name is Alice"

TypeScript 中的命名空间是什么？如何定义命名空间？

答：命名空间是一种将代码组织成逻辑单元的方式，用于避免命名冲突和代码重复。在 TypeScript 中，命名空间可以用 namespace 关键字来定义，例如：

namespace MyNamespace {
  export const myVariable = "hello";
  export function myFunction() {
    console.log("world");
  }
}

上述代码定义了一个名为 MyNamespace 的命名空间，它包含一个 myVariable 常量和一个 myFunction 方法。通过使用 export 关键字，可以将这些成员导出，从而在其他文件中使用它们，例如：

/// <reference path="MyNamespace.ts" />
console.log(MyNamespace.myVariable); // 输出 "hello"
MyNamespace.myFunction(); // 输出 "world"

TypeScript 中的模块是什么？如何定义模块？

答：模块是一种将代码组织成独立、可重用的单元的方式，用于提高代码的可维护性和可重用性。在 TypeScript 中，模块可以使用 import 和 export 关键字来定义和导出。例如：

// MyModule.ts
export const myVariable = "hello";
export function myFunction() {
  console.log("world");
}

// main.ts
import { myVariable, myFunction } from "./MyModule";
console.log(myVariable); // 输出 "hello"
myFunction(); // 输出 "world"

上述代码定义了一个 MyModule 模块，它包含一个 myVariable 常量和一个 myFunction 方法。在 main.ts 中，通过 import 关键字引入了这些成员，并在代码中使用它们。注意，需要使用相对路径来引用模块文件。