Typescript基础面试题 | 12.精选 ts 面试题

前端开发工程师（主业）、技术博主（副业）、已过CET6
阿珊和她的猫_CSDN个人主页
牛客高级专题作者、在牛客打造高质量专栏《前端面试必备》
蓝桥云课签约作者、已在蓝桥云课上架的前后端实战课程《Vue.js 和 Egg.js 开发企业级健康管理项目》、《带你从入门到实战全面掌握 uni-app》

在 TypeScript 中，如何使用类来实现模块化编程？

在 TypeScript 中，可以使用类（class）来实现模块化编程。类是一种面向对象编程（OOP）的结构，它可以将相关的数据和方法封装在一起，并提供了一种组织代码的方式。

以下是使用类来实现模块化编程的基本步骤：

1. 创建类：使用class关键字创建一个类，并定义类的属性和方法。
2. 定义类的成员：在类中，可以定义属性和方法。属性表示类的状态，而方法表示类的行为。
3. 实现类的方法：在类的方法中，可以实现具体的逻辑和功能。
4. 创建类的实例：使用new关键字创建类的实例，并通过实例来访问类的属性和方法。
5. 模块导入：将类定义保存在一个单独的 TypeScript 文件中，并在其他 TypeScript 文件中使用import关键字导入该类。

以下是一个简单的示例，展示如何使用类来实现模块化编程：

// 定义一个名为 Animal 的类
class Animal {
  name: string;
  constructor(name: string) {
    this.name = name;
  }
  sayHello() {
    console.log(`Hello, I'm ${this.name}`);
  }
}

// 在另一个文件中导入 Animal 类
import { Animal } from './animal';

// 创建 Animal 类的实例
const dog = new Animal('Dog');

// 调用实例的方法
dog.sayHello(); // 输出: "Hello, I'm Dog"

在这个示例中，我们定义了一个名为Animal的类，它包含一个name属性和一个sayHello方法。然后，我们在另一个文件中导入了Animal类，并创建了一个名为dog的实例。最后，我们调用了实例的sayHello方法来输出问候信息。

通过使用类来实现模块化编程，可以更好地组织代码，提高代码的可维护性和可重用性。同时，TypeScript 的类型系统也可以提供类型检查和类型推断的功能，帮助我们编写更加安全和可靠的代码。

在 TypeScript 中，如何在模块之间共享类型？

在 TypeScript 中，可以使用接口（interface）和类型别名（type alias）来在模块之间共享类型。

以下是使用接口和类型别名来共享类型的基本步骤：

1. 创建接口或类型别名：使用interface关键字创建接口，或者使用type关键字创建类型别名。
2. 定义接口或类型别名的成员：在接口或类型别名中，可以定义属性和方法。
3. 导出接口或类型别名：使用export关键字将接口或类型别名导出到模块中。
4. 在其他模块中导入接口或类型别名：使用import关键字导入其他模块中导出的接口或类型别名。

以下是一个简单的示例，展示如何在模块之间共享类型：

// 定义一个接口
interface Animal {
  name: string;
}

// 导出接口
export interface Animal;

// 在另一个文件中导入接口
import { Animal } from './animal';

// 创建 Animal 接口的实例
const dog: Animal = {
  name: 'Dog',
};

在这个示例中，我们定义了一个名为Animal的接口，并将其导出到模块中。然后，我们在另一个文件中导入了这个接口，并创建了一个名为dog的实例，该实例符合Animal接口的要求。

同样，也可以使用类型别名来共享类型。例如：

// 定义一个类型别名
type AnimalType = {
  name: string;
};

// 导出类型别名
export type AnimalType;

// 在另一个文件中导入类型别名
import { AnimalType } from './animal';

// 创建 AnimalType 类型别名的实例
const dog: AnimalType = {
  name: 'Dog',
};

在这个示例中，我们定义了一个名为AnimalType的类型别名，并将其导出到模块中。然后，我们在另一个文件中导入了这个类型别名，并创建了一个名为dog的实例，该实例符合AnimalType类型别名的要求。

通过使用接口和类型别名来共享类型，可以更好地组织代码，提高代码的可维护性和可重用性。同时，TypeScript 的类型系统也可以提供类型检查和类型推断的功能，帮助我们编写更加安全和可靠的代码。

除了 TypeScript，还有哪些语言支持命名空间？

除了 TypeScript，还有很多其他编程语言支持命名空间，以下是其中一些常见的例子：

1. C++：C++ 是一种面向对象的编程语言，它支持命名空间来组织代码和避免命名冲突。
2. C#：C# 是一种面向对象的编程语言，它也支持命名空间来组织代码和避免命名冲突。
3. Java：Java 是一种面向对象的编程语言，它也支持命名空间来组织代码和避免命名冲突。
4. Python：Python 是一种解释型的高级编程语言，它也支持命名空间来组织代码和避免命名冲突。
5. Ruby：Ruby 是一种动态的、面向对象的编程语言，它也支持命名空间来组织代码和避免命名冲突。

这些编程语言都支持命名空间，它们的实现方式可能有所不同，但都可以用来组织代码和避免命名冲突。

在TypeScript中，如何定义装饰器函数？

在 TypeScript 中，可以使用装饰器函数来装饰类、类的方法或属性。装饰器函数是一个特殊的函数，它可以在运行时动态地修改类的行为。

以下是定义装饰器函数的基本步骤：

1. 使用@decorator装饰器来定义装饰器函数。
2. 定义装饰器函数，它接受一个参数，该参数是要装饰的类、类的方法或属性。
3. 在装饰器函数内部，可以对类、类的方法或属性进行修改或添加额外的功能。
4. 使用装饰器函数来装饰类、类的方法或属性。

以下是一个简单的示例，展示如何定义一个装饰器函数来打印类的方法的执行时间：

function timeLog(target: any, methodName: string, descriptor: PropertyDescriptor) {
  const method = descriptor.value;
  descriptor.value = function(...args: any[]) {
    console.log(`Method "${methodName}" started`);
    const result = method.apply(this, args);
    console.log(`Method "${methodName}" finished`);
    return result;
  };
  return descriptor;
}

class MyClass {
  @timeLog
  method1() {
    console.log('Method 1 called');
  }

  @timeLog
  method2() {
    console.log('Method 2 called');
  }
}

const myClass = new MyClass();
myClass.method1(); // 输出: "Method "method1" started" "Method 1 called" "Method "method1" finished"
myClass.method2(); // 输出: "Method "method2" started" "Method 2 called" "Method "method2" finished"

在这个示例中，我们定义了一个名为timeLog的装饰器函数，它接受一个类的方法作为参数。在装饰器函数内部，我们使用PropertyDescriptor来获取方法的描述符，并修改方法的执行逻辑，在方法执行前后打印出执行时间。

然后，我们使用@timeLog装饰器来装饰MyClass类的method1和method2方法。当我们调用这些方法时，它们将在执行前后打印出执行时间。

通过使用装饰器函数，可以在不修改原始类或方法的情况下，动态地修改类的行为。装饰器函数可以用于添加日志、验证参数、缓存结果等各种用途。