javascript - 从另一个文件中的一个 JS 文件调用变量

Question

所以我有一个名为的文件colorCodes.js，其中包含以下信息

const color = {
    red: 'FF3333',
    blue: '337DFF',
    green: '36FF33',
    orange: 'FFB833',
    purple: 'E633FF'
 };

 export default color;

在我的第二个文件中layout.js，我在顶部指定

import color from './colorCodes';

然后稍后我想调用这些颜色

const layout = {
    color.blue: navbar,
    color.red: background,
    color.orange: header,
    color.green: menu
 };

但是，当我这样做时，我得到：

SyntaxError: C:\Users\...: Unexpected token, expected "," (40:10)

第 40 行是：color.blue: navbar, 想知道我做错了什么

标签： javascript

Answer 1

我的猜测是您混淆了文件中layout对象中的键和值。layout.js尝试

import color from './colorCodes';

const layout = {
    navbar: color.blue,
    background: color.red,
    header: color.orange,
    menu: color.green
};