嵌套命名空间与 ES 模块

Question

使用传统的 JavaScript 命名空间技术，我能够创建嵌套的逻辑分组，甚至可以跨越多个文件。我应该如何用 ES 模块别名导入替换它。

考虑我希望我的所有代码都在 CompanyName 命名空间中的情况，然后按产品分组，在一个产品中我可能有一组共享函数，这些函数可以按主题分组（在 Java、C# 等许多语言中很常见ETC。）。 F.e.

CompanyName = {
    ProductName1: {
        Shared: {
            Database: {
                enumerateDatabases: function() {
                    ....
                }
                ...
            }
        }
    },
    ProductName2: {
        ....
    }
}

如果我理解正确，ES 模块允许我只使用一个别名来创建命名空间，f.e.

import * as CompanyName from ...

仅像 CompanyName 这样的别名肯定不够具体。像

这样的别名

import * as CompanyNameProductName1SharedDatabase from...

几乎不可读，是一个简单的别名，例如

import * as Database from...

可能很快就会变得模棱两可，我将不得不使用像

这样的别名

import * as MyDatabase from...
import * as YourDatabase from...

这是否意味着无法如上所示对代码进行分组？还是我应该同时使用这两种技术？

Answer 1

如果我理解正确，ES 模块允许我只使用一个别名来创建命名空间

是的，别名必须是简单的标识符，没有嵌套。请注意，CompanynameProductname1SharedDatabase 与 Companyname.Productname1.Shared.Database 相比并没有那么糟糕——即使在其他语言中，您也不会每次都写完整的包名，而是给它一个合理的别名。甚至可以使用CPSDb 之类的缩写。

像import * as Database from... 这样的简单别名可能很快就会变得模棱两可

不，不应该。 Product2 不太可能需要导入 Product1 的数据库。只有在同一个模块中确实有多个数据库时，您才需要消除歧义。

只需为 current 模块选择合理的别名。这可能意味着根据您导入它的位置使用不同的别名，这很好：

// src/productname1/shared/index.js
import * as Database from './database.js';

// src/backend/init.js
import * as Productname1SharedDatabase from '/productname1/shared/database.js';

另外请注意，在 JS 中使用命名空间导入是相当罕见的，它们仅在您从一个模块导入许多绑定时使用。并且需要从其他模块中消除它们的歧义。你会看到

import { enumerateDatabase } from './database.js';

更多的是，很明显enumerateDatabase 函数会在数据库模块中找到。请注意，JavaScript 中没有隐式绑定：如果您忘记了标识符的来源，您将始终在当前文件中找到它的（导入）声明，以便您轻松查找。此外，您的 IDE 将通过显示名称解析到的位置来帮助您。

Answer 2

你会这样做的方式是

const enumerateDatabases = function() {
        ....
    }
export {
    enumerateDatabases
}

和

import {enumerateDatabases as aliasForEnumDbs} from 'xx.js';