javascript - 将共享/部分模块导入另一个文件

Question

假设我有两个文件:

box.ts:

export module Entities {
    export class Box  { .. Stuff }

origin.ts:

export module Entities {
    export class Origin  { .. other stuff }

据我了解 javascript，这两个模块应该合并为一个模块，其中包含我的两个类。(出于组织原因，我只是希望它们位于单独的文件中，但 box 和 origin 都是实体。)

现在我有一个需要使用这两个文件的文件:

service-actions.ts:

import {Entities} from '../entities/box';
import {Entities} from '../entities/origin';

... stuff that uses both of those entities.

这给了我错误:

Duplicate identifier 'Entities';

如果我有一个或另一个，它工作正常，但都失败。

有没有办法将这些组合起来，以便我可以在 service-action.ts 文件中执行 Entities.Box 和 Entities.Origin ？

唯一的方法是将 Box 和 Origin 放在同一个文件中吗？

Answer 1

不要将命名空间(内部模块)与外部模块混合。请参阅this post和 this question和其他人反对混合的论点。我发现最好不要完全使用内部模块。我们没有从命名空间中获得任何封装优势。相反，目录是组织代码的一种简单而可靠的方法，并且您已经在使用它们了。

entities/box.ts:

export class Box  { .. Stuff }

entities/origin.ts:

export class Origin  { .. other stuff }

现在，您不必编写 Entities.Box，只需导入 Box 并使用它即可:

import { Box } from '../entities/box';
import { Origin } from '../entities/origin';