正确语法以导入ES6中的常量

Question

给定以下模块，如何导入常量模块并避免包含默认属性：

// constants.es6
export default {
    foo: 'foo',
    bar: 'bar'
}

// anotherModule.es6
import * as constants from './constants';

constants.default.foo的结果

我似乎无法得到正确的语法来结束constants.foo

Answer 1

不应该使用对象来定义常量。调用代码可以自由地执行constants.foo = 42;并更改值。

使用

export const foo = 'foo';
export const bar = 'bar';

而不是。

然后，您拥有的导入语句import * as constants from './constants';也将工作。

如果您不想改变定义常量的方式，那么您的问题应该是“如何导入默认导出”，这在以下问题中得到了回答：

• When should I use curly braces for ES6 import?
• What is "export default" in javascript?

Answer 2

import constants from './constants'

console.log(constants.foo, constants.bar)

如果您想直接从./constants导入常量

constants.js:
export const foo = 'foo'
export const bar = 'bar'

anotherModule.js:
import {foo, bar} from './constants'

console.log(foo,bar)

Answer 3

export default {
foo: 'foo',
bar: 'bar'
}

// anotherModule.es6
import const from './constants';

Then 
const.foo