javascript - 如何从包含对象列表的文件中导出对象并将同一对象导入另一个文件以便能够使用它？

Question

如何从包含对象列表的文件中导出对象并将同一对象导入另一个文件以便能够使用它？

// 源文件示例

const obj1 = {
  element1: { property1: value1, property2: value2, property3: value3},
  element2: { property1: value1, property2: value2, property3: value3},
  element3: { property1: value1, property2: value2, property3: value3},
  element4: { property1: value1, property2: value2, property3: value3},
  element5: { property1: value1, property2: value2, property3: value3},
}

const obj2 = {
  element1: { property1: value1, property2: value2, property3: value3},
  element2: { property1: value1, property2: value2, property3: value3},
  element3: { property1: value1, property2: value2, property3: value3},
  element4: { property1: value1, property2: value2, property3: value3},
  element5: { property1: value1, property2: value2, property3: value3},
}

export ????

// 从源文件导入主文件示例

'use strict';
import ???

console.log(importedObject);

标签： javascriptnode.jsecmascript-6

Answer 1

使用 ES6 静态命名导入/导出（ES6 模块）语法：

./file-a.js

const obj1 = {
  element1: { property1: value1, property2: value2, property3: value3},
  element2: { property1: value1, property2: value2, property3: value3},
  element3: { property1: value1, property2: value2, property3: value3},
  element4: { property1: value1, property2: value2, property3: value3},
  element5: { property1: value1, property2: value2, property3: value3}
}

const obj2 = {
  element1: { property1: value1, property2: value2, property3: value3},
  element2: { property1: value1, property2: value2, property3: value3},
  element3: { property1: value1, property2: value2, property3: value3},
  element4: { property1: value1, property2: value2, property3: value3},
  element5: { property1: value1, property2: value2, property3: value3}
}

export {obj1, obj2};

./file-b.js

import {obj1, obj2} from './file-a.js';

console.log(obj1);
console.log(obj2);