如何在 ES6 中导入子模块并将它们别名为变量答案

【问题标题】：How to import submodules and alias them to a variable in ES6如何在 ES6 中导入子模块并将它们别名为变量
【发布时间】：2018-04-13 14:56:44
【问题描述】：

我想用 js 文件的一些模块创建一个模块并执行以下操作：

import { CONSTANT01, CONSTANT02 } as selectedConstants from './constants'

console.log(selectedConstants) // output => {CONSTANT01: 'CONSTANT01', CONSTANT02: 'CONSTANT02'}

这个功能可以实现吗？

【问题讨论】：

Based on the doc，看来您不能仅通过 import 语句将它们放入这样的数组中。
我的错：/问题已编辑。输出是一个对象！有没有办法做到这一点？
不是直接这样，见语法developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/…也许这适用于你的情况import * as name from "module-name";

标签： javascript import ecmascript-6 module

【解决方案1】：

不，不能这样。只需使用命名空间导入：

import * as selectedConstants from './constants';

console.log(selectedConstants.CONSTANT01) // output => 'CONSTANT01'
console.log(selectedConstants.CONSTANT02) // output => 'CONSTANT02'

【讨论】：

所以...如果我想加入一个 JS 对象，我需要这样做：import { CONSTANT01, CONSTANT02 } from './constants'const selectedConstants = { CONSTANT01, CONSTANT02 }?
@HemãVidal 是的，你可以这样做。但是在命名空间不够用的情况下，你需要这个对象做什么？
之后我需要使用：myConsts = {...selectedConstants, ...selectedConst02} 来加入其他未来的常量导入。要知道常量是哪一种。
这也适用于命名空间对象，除非您的模块导出的数量超过了 selected 常量。然后你需要一些帮助函数来选择单个属性。
好的@Bergi ...感谢您花时间回答！我现在明白了这种导入行为！ :)