更正语法以在ES6中导入常量

Question

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

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

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

结果为constants.default.foo

我似乎无法正确语法以constants.foo结束

Answer 1

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 2

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

采用

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

代替。

然后，您拥有import语句， import * as constants from './constants'; ，同样可以使用。

---

如果您不想更改定义常量的方式，那么您的问题就是“如何导入默认导出” ，这些问题可以回答：

• 什么时候应该将花括号用于ES6导入？
• 什么是javascript中的“导出默认值”？

Answer 3

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

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

Then 
const.foo