export default 和 export 的使用_export default 和 export {}可以一起使用吗-优快云博客

本文链接：https://blog.youkuaiyun.com/RR_chen/article/details/119062905

本文详细介绍了Node.js中require和module.exports以及exports的使用，以及ES6中的import和exportdefault、export的语法和规则。重点强调了exportdefault只能暴露一次，而export可以多次暴露成员，并可以通过as进行别名导入。示例代码展示了如何在不同模块间导入导出成员，包括按需导出和别名接收。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在 node 中导入模块 var 名称 = require('模块标识符')

node 中向外暴露成员 module.exports = {} 和 exports

在 ES6 中，规定：

ES6 中导入模块 import 模块名称 from '模块标识符'

ES6 中向外暴露成员使用 export default 和 export

// test.js

// 在一个模块中，可以同时使用 export default 和 export 向外暴露成员

export default {
name: '李明',
age: 19
}

// 或：
// var info = {
// name: '李明',
// age: 19
// }
// export default info

// 注意：在一个模块中，export default 只允许向外暴露一次

export var title = '半熟芝士蛋糕'

export var content = '美味'

在 index.js 中接收 test.js 使用 export default 和 export 向外暴露的成员

// index.js

// export default 向外暴露的成员，可以使用任意变量来接收，如a

import a, {title, content as content123} from './test.js'
console.log(a);
console.log(title + '-------' + content123);

总结：

export default 向外暴露的成员，可以使用任意变量来接收，如 import a from './test.js
在一个模块中，export default 只允许向外暴露一次
在一个模块中，可以同时使用 export default 和 export 向外暴露成员
使用 export 向外暴露的成员，只能使用 { } 的形式来接收，这种形式，叫做按需导出，如 import { title } from './test.js'
export 可以向外暴露多个成员。在import导入时，不需要某些成员，可以不在{ }中写
使用 export 导出的成员，必须严格按照导出时候的名称，来使用 { } 按需接收
使用 export 导出的成员，若换个变量名称接收，可以使用 as 换别名，如import {content as content123} from './test.js'