javascript中可用export default导出单个配置对象,支持直接字面量或命名变量方式;导入时无需花括号且可自定义名称;需注意仅限一个默认导出、esm环境支持及配置宜保持不可变。

在 JavaScript 中,用 export default 导出一个配置对象非常简单,只需在模块文件末尾或合适位置写一行导出语句即可。关键点是:默认导出只能有一个,且导入时名字可自定义。
基本写法:直接导出对象字面量
这是最简洁的方式,适合小型、静态配置:
export default {
apiUrl: 'https://api.example.com',
timeout: 5000,
debug: true,
headers: {
'Content-Type': 'application/json'
}
};
导出命名对象变量(推荐,更易维护)
先声明配置对象,再默认导出。好处是便于类型提示、调试和复用:
const config = {
apiUrl: 'https://api.example.com',
timeout: 5000,
debug: true
};
export default config;
在其他文件中导入配置
导入时不用花括号,名字任意取(如 config、appConfig、cfg 都可以):
import config from './config.js'; console.log(config.apiUrl); // https://api.example.com // 也可以重命名 import myConfig from './config.js'; console.log(myConfig.timeout); // 5000
注意事项
- 一个模块只能有一个
export default,不能重复写 - 如果同时有命名导出(
export const x = ...),它们可以和default共存,但导入方式不同 - ESM 环境下(如现代浏览器、Node.js ≥14 且启用
"type": "module")才支持该语法;CommonJS(module.exports)不兼容 - 配置对象建议保持纯数据、不可变;如需动态初始化,可导出函数并调用:
export default () => ({ ... })
Java免费学习笔记:立即使用
解锁 Java 大师之旅:从入门到精通的终极指南











