前端经典面试题合集, 什么是 TypeScript 中的命名空间和模块?两者有什么区别?

Q:: 什么是 TypeScript 中的命名空间？

A:: 命名空间（Namespace）是 TypeScript 中一种将代码组织成逻辑块并命名的方式，以避免全局命名空间的污染。使用 namespace 关键字可以声明命名空间，并在其中定义接口、类、函数或变量。可以通过点符号来访问命名空间内的成员。例如：

 
namespace MyNamespace {
    export class MyClass {
        // ...
    }
}
let obj = new MyNamespace.MyClass();

Q:: 什么是 TypeScript 中的模块？

A:: 模块（Module）是 TypeScript 提供的将代码拆分到不同文件中并通过导入和导出机制来使用的方法。模块文件内的成员默认是私有的，只有通过 export 关键字导出的成员才可以被其他模块使用。使用 import 关键字可以引入其他模块的导出成员。例如：

 
// moduleA.ts
export class MyClass {
    // ...
}
// main.ts
import { MyClass } from './moduleA';
let obj = new MyClass();

Q:: 命名空间和模块的主要区别是什么？

A:: 命名空间主要用于组织代码，而模块则用于将代码文件化并通过导入和导出来实现模块间的通信。命名空间可以在同一个文件中定义多个，而模块一般是一个文件一个模块。模块是 ES6 标准的一部分，更适合现代前端开发，支持更强大的工具和优化。

🦆

如何在 TypeScript 中定义和使用接口?▷

接口（Interface）是一种用于定义对象结构的方式，可以描述对象有哪些属性以及属性的类型。使用 interface 关键字可以定义接口，并在类或对象中实现接口。例如：

 
interface Person {
    name: string;
    age: number;
}
let john: Person = {
    name: 'John',
    age: 30
};

🦆

TypeScript 中的类型别名是什么?▷

类型别名（Type Alias）用于为一种类型创建一个新的名字。使用 type 关键字可以定义类型别名，常用于复杂类型的简化。例如：

 
type Point = {
    x: number;
    y: number;
};
let point: Point = {
    x: 10,
    y: 20
};

🦆

如何在 TypeScript 中使用泛型?▷

泛型（Generics）是 TypeScript 中的一种工具，用于创建可重用的组件，使其能够支持多种类型。使用泛型可以提高代码的灵活性和可重用性。例如：

 
function identity<T>(arg: T): T {
    return arg;
}
let output = identity<string>('Hello');

🦆

什么是 TypeScript 中的装饰器?▷

装饰器（Decorator）是一种特殊的声明，可以附加到类、方法、访问器、属性或参数上，用来修改它们的行为。装饰器通常用于元编程。例如：

 
function sealed(target: Function) {
    Object.seal(target);
    Object.seal(target.prototype);
}
@sealed
class MyClass {
    // ...
}

🦆

如何在 TypeScript 中处理异步操作?▷

TypeScript 提供了与 JavaScript 相同的异步操作处理机制，如回调函数、Promise 和 async/await。使用 async/await 可以使异步代码看起来更像同步代码，更易于阅读和维护。例如：

 
async function fetchData() {
    let response = await fetch('url');
    let data = await response.json();
    return data;
}