export default 和export的引入

export default 和 export 的区别在于，export default 只能导出一个默认的值，而 export 可以导出多个值。在引入时，export default 直接使用 import xxx from 'xxx' 的方式引入，而 export 需要使用 import { xxx } from 'xxx' 的方式引入。

举个例子，假设有一个模块 a.js，其中导出了一个默认的值和一个普通的值：

// a.js
export default {
  name: 'C知道',
  age: 18
}

export const gender = 'male'

那么在另一个模块中，我们可以这样引入：

// b.js
import C from './a.js'
import { gender } from './a.js'

console.log(C.name) // 输出 C知道
console.log(gender) // 输出 male

相关问题

export default导出后引入undefined

当使用export default导出一个模块时，在引入时可能会出现undefined的情况。这通常是因为在导入时没有使用正确的语法或者没有正确地引入模块。在使用export default导出的模块中，可以通过import语句来引入模块，并且不需要使用花括号。例如，在文件a.js中使用export default导出了一个对象，可以在另一个文件中使用import语句来引入这个对象。确保在引入时使用正确的语法，并且检查导出的模块是否已经正确地定义和导出。如果仍然出现undefined的情况，可能是因为导出的模块中没有正确地定义或导出需要引入的内容。请仔细检查代码并确保正确地使用export default导出和引入模块。\[1\]\[2\]\[3\]
#### 引用[.reference_title]
- *1* *2* [JavaScript ES6中export与export default使用指南](https://blog.csdn.net/weixin_44688451/article/details/121934426)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
- *3* [ES6导入导出import | export | export default-使用案例](https://blog.csdn.net/JackieDYH/article/details/124750208)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]

export default和exports区别

export default和exports是JavaScript中用于导出模块的两种不同的语法。

1. exports是CommonJS模块系统中的导出方式，用于导出一个模块中的多个变量或函数。它是一个对象，可以通过添加属性的方式导出多个变量或函数。例如：

// module.js
exports.variable1 = 123;
exports.variable2 = 'abc';
exports.function1 = function() {
  console.log('Hello');
};

其他文件可以通过require语句引入module.js中导出的变量或函数：

// other.js
const module = require('./module');
console.log(module.variable1); // 输出：123
module.function1(); // 输出：Hello

2. export default是ES6模块系统中的导出方式，用于导出一个模块中的默认值。每个模块只能有一个默认导出。例如：

// module.js
export default 123;

其他文件可以通过import语句引入module.js中导出的默认值：

// other.js
import module from './module';
console.log(module); // 输出：123

所以，export default和exports的区别在于：
- exports可以导出多个变量或函数，而export default只能导出一个默认值。
- exports是CommonJS模块系统的语法，而export default是ES6模块系统的语法。