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

在 JavaScript 中，用 export default 导出一个配置对象非常简单，只需在模块文件末尾或合适位置写一行导出语句即可。关键点是：默认导出只能有一个，且导入时名字可自定义。

基本写法：直接导出对象字面量

这是最简洁的方式，适合小型、静态配置：

export default {
  apiUrl: 'https://api.example.com',
  timeout: 5000,
  debug: true,
  headers: {
    'Content-Type': 'application/json'
  }
};

导出命名对象变量（推荐，更易维护）

先声明配置对象，再默认导出。好处是便于类型提示、调试和复用：

javascript-pro

专注现代 ECMAScript、异步编程、性能优化和全栈的 JavaScript 专家，适用于现代开发

下载

const config = {
  apiUrl: 'https://api.example.com',
  timeout: 5000,
  debug: true
};

export default config;

在其他文件中导入配置

导入时不用花括号，名字任意取（如 config、appConfig、cfg 都可以）：

立即学习“Java免费学习笔记（深入）”；

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 () => ({ ... })