在TypeScript中如何访问模块外定义的类？

"```markdown

在 TypeScript 中如何访问模块外定义的类？

在 TypeScript 中，模块是一个代码文件，可以导出和导入接口、类、变量等。当我们需要在一个模块中访问另一个模块外定义的类时，我们可以使用 import 语句来实现。

1. 创建外部模块

首先，我们需要定义一个外部模块。在这个模块中，我们定义一个类。例如，我们创建一个名为 Animal.ts 的文件，内容如下：

// Animal.ts
export class Animal {
  constructor(public name: string) {}

  speak() {
    console.log(`${this.name} makes a noise.`);
  }
}

在这个文件中，我们定义了一个 Animal 类，并使用 export 关键字将其导出，以便其他模块可以访问。

2. 导入外部模块

接下来，我们可以在另一个模块中导入这个类。我们创建一个名为 main.ts 的文件，内容如下：

// main.ts
import { Animal } from './Animal';

const dog = new Animal('Dog');
dog.speak(); // 输出: Dog makes a noise.

在这个例子中，我们使用 import 语句从 Animal.ts 文件中导入了 Animal 类。然后我们实例化了一个 Animal 对象并调用 speak 方法。

3. 使用默认导出

除了命名导出，TypeScript 还支持默认导出。在 Animal.ts 中，我们可以将类作为默认导出：

// Animal.ts
export default class Animal {
  constructor(public name: string) {}

  speak() {
    console.log(`${this.name} makes a noise.`);
  }
}

在 main.ts 中导入时，我们可以使用任意名称：

// main.ts
import Animal from './Animal';

const cat = new Animal('Cat');
cat.speak(); // 输出: Cat makes a noise.

4. 使用命名空间

如果不希望使用模块的方式，我们还可以使用命名空间。命名空间允许我们在全局范围内定义类。在 Animal.ts 中，我们可以这样定义：

// Animal.ts
namespace AnimalNamespace {
  export class Animal {
    constructor(public name: string) {}

    speak() {
      console.log(`${this.name} makes a noise.`);
    }
  }
}

然后在 main.ts 中，我们可以直接访问这个命名空间中的类：

// main.ts
/// <reference path=\"Animal.ts\" />

const bird = new AnimalNamespace.Animal('Bird');
bird.speak(); // 输出: Bird makes a noise.

5. 解决循环依赖

在大型应用中，可能会出现模块之间的循环依赖。为了避免这种情况，我们可以使用接口来定义模块外的类。例如：

// Animal.ts
export interface IAnimal {
  name: string;
  speak(): void;
}

// Dog.ts
import { IAnimal } from './Animal';

export class Dog implements IAnimal {
  constructor(public name: string) {}

  speak() {
    console.log(`${this.name} barks.`);
  }
}

在这个例子中，我们将 Animal 类的结构定义为一个接口 IAnimal，然后在 Dog.ts 中实现这个接口。这样可以避免循环依赖的问题。

6. 总结

在 TypeScript 中访问模块外定义的类主要通过 import 和 export 语句实现。我们可以使用命名导出、默认导出或者命名空间来组织代码。此外，使用接口可以有效地解决循环依赖的问题。通过合理的模块划分，我们可以提升代码的可维护性和可读性。