export和export default的区别
时间: 2023-04-26 12:01:38 浏览: 51
export和export default都是ES6中的模块导出方式,但是它们有一些区别。
export可以导出多个变量或函数,而export default只能导出一个默认的变量或函数。
使用export导出的变量或函数需要使用相应的名称进行引入,而使用export default导出的变量或函数可以使用任意名称进行引入。
例如,使用export导出:
```
// module.js
export const name = 'John';
export function sayHello() {
console.log('Hello!');
}
// main.js
import { name, sayHello } from './module.js';
console.log(name); // 'John'
sayHello(); // 'Hello!'
```
使用export default导出:
```
// module.js
export default function sayHello() {
console.log('Hello!');
}
// main.js
import myFunction from './module.js';
myFunction(); // 'Hello!'
```
相关问题
export和 export default区别
export和export default都可用于导出常量、函数、文件、模块等,但是它们有以下区别:
1. export可以有多个,而export default仅有一个。
2. 在导入时,使用export方式导出的需要加{ },且不能自定义名字,而export default不用加{ },且可以自定义名字。
3. 使用export default命令,为模块指定默认输出,这样就不需要知道所要加载模块的变量名,而使用export方式导出的需要知道所要加载模块的变量名。
举个例子:
// a.js
export const str = "blablabla~";
export function log(sth) {
return sth;
}
const sex = "boy";
export default sex;
// b.js
import { str, log } from 'a'; // 使用export方式导出的需要加{ },且不能自定义名字
import any from "./a.js"; // 使用export default不用加{ },且可以自定义名字
console.log(str, log("hello"), any); // blablabla~ hello boy
--相关问题--:
1. 如何在一个文件中同时使用export和export default?
2. export和export default
export和export default区别
`export` 和 `export default` 是 JavaScript 中的两种导出方式,主要区别在于使用方式和导出数量上。
- `export` 可以导出多个变量或函数,在其他文件中使用时需要使用相应的名称导入。
- `export default` 则只能导出一个默认变量或函数,在其他文件中使用时可以使用任意名称导入。
通过 `export default` 导出的内容可以简化导入时的语法,使代码更简洁易读。