export default用于导出模块的唯一默认成员,支持函数、类、对象等表达式,不可直接导出匿名声明,导入时不加花括号且可自定义名称。

在 JavaScript 中,export default 用于导出模块的**默认成员**,每个模块只能有一个默认导出。它允许导入时使用任意名称,无需花括号,用法更灵活。
基本语法:导出一个值、函数或类
你可以直接在 export default 后跟一个表达式:
-
导出一个函数:
export default function greet(name) { return `Hello, ${name}`; } -
导出一个箭头函数:
export default (x, y) => x + y; -
导出一个对象字面量:
export default { version: '1.0', name: 'utils' }; -
导出一个类:
export default class Calculator { add(a, b) { return a + b; } }
注意:不能直接 export default 声明语句(需命名后导出)
下面写法是 错误的(语法报错):
DMap GL地图JSAPI(dmapgl)开发指南。用于编写、审查、调试 DMap 地图 API 代码,涵盖地图初始化、覆盖物渲染、图层管理、事件处理、控件交互等任务。当用户提及 dmap、dmapgl、jsapi‑gl 或相关地图开发需求时自动触发。
export default function() { ... } // ❌ 匿名函数声明不能直接 default 导出
正确做法是:先声明再导出,或改用函数表达式:
- 先声明后导出:
function greet() { ... }<br>export default greet; - 用函数表达式(推荐):
export default function greet() { ... } // ✅ 这是函数表达式,合法
导入时怎么用?——不加花括号,可自定义名字
导入默认导出时,不用花括号,且可以任意起名:
-
import myGreet from './greet.js';(常用) -
import anything from './greet.js';(名字完全自由) - 也可和具名导出一起导入:
import myGreet, { helper } from './greet.js';(默认导出放前面,无花括号)
常见误区提醒
- 一个模块最多只有一个
export default;重复会报错 -
export default后面不能加分号(严格模式下部分环境会警告,建议省略) - 默认导出不是“导出叫 default 的东西”,而是导出一个匿名/未命名的主成员,导入时名字由你决定










