如何从JavaScript文件中导出多个对象？技术实现咨询

嘿，这事儿超简单的！你需要用到ES6的命名导出（named exports），正好对应你想要的那种命名导入方式。下面给你两种常用的实现方法：

方法1：声明变量时直接导出 #

在定义foods和drinks的时候，直接在前面加上export关键字就行：

// example.js
export var foods = ['', ''];
export var drinks = ['', ''];

方法2：先声明变量，再统一导出 #

如果已经写好了变量声明，也可以在文件末尾集中导出指定变量：

// example.js
var foods = ['', ''];
var drinks = ['', ''];

// 把需要导出的变量放在大括号里
export { foods, drinks };

为什么这样可行？ #

你之前习惯的是默认导出（export default），这种方式只能导出一个值；而命名导出可以同时导出多个独立的变量/函数/类，正好匹配你想要的import {foods, drinks} from './example.js'这种命名导入语法。

用你提供的导入代码测试的话，完全可以正常打印出数组内容，和你预期的效果一致～

另外提个小技巧：如果导入时想给变量改个名字，还可以用as关键字，比如：

import { foods as mealList, drinks as beverageList } from './example.js'

内容的提问来源于stack exchange，提问作者hidar