javascript - 在 JavaScript 中导入、重命名和导出函数？

Question

使用 JavaScript 导入命名导出、重命名并再次导出的最短方法是什么？

此代码有效，但感觉比应有的冗长

import { mock as myFunctionMock } from 'context/myFunction';
export const myFunction = myFunctionMock;

Answer 1

您可以像这样合并导入和导出:

export { mock as myFunctionMock } from 'context/myFunction';

参见 MDN Docs

请注意，您实际上无法在代码文件中使用 myFunctionMock，因为您尚未导入它。 mock 和 myFunctionMock 都不会在this 模块中定义。

当您构建将由其他模块或您的最终用户使用的库时，这是一种有用的简写方式。

例如，如果您有一个要导出的 utils 库，但您希望跨几个较小的文件组织您的 util 函数，例如 stringUtils，objectUtils、dataUtils 等，您可以在 utils 模块中导出这些模块的内容，以创建单个整体访问点:

stringUtils.js

export function toLower(){}

export function toUpper(){}

objectUtils.js

export function propertyMap(){}

utils.js

export {
    toLower as stringToLower,
    toUpper as stringToUpper,
} from "stringUtils.js";
export {
    propertyMap as objectPropertyMap
} from "objectUtils.js";

我一般不会推荐这种方法用于内部代码，因为在某些情况下它会使您的依赖关系树有点不稳定。但是，在您想要从通用接口(interface)导入但实现依赖于构建(产品与开发、Web 与节点等)的情况下，它可能非常有用