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` 导出的内容可以简化导入时的语法，使代码更简洁易读。

export和export default区别是什么？

export 和 export default 是用于在 JavaScript 模块中导出功能的两种不同方式。

在一个模块中，可以使用 export 关键字来导出多个功能。例如：

// module.js

export const name = "John";
export function sayHello() {
  console.log("Hello!");
}

在另一个模块中，可以使用 import 关键字来导入这些功能。例如：

// app.js

import { name, sayHello } from './module.js';

console.log(name); // 输出 "John"
sayHello(); // 输出 "Hello!"

export default 关键字用于导出模块的默认功能。一个模块只能有一个默认导出。例如：

// module.js

const name = "John";
function sayHello() {
  console.log("Hello!");
}

export default name;
export { sayHello };

导入默认导出时，可以使用任意名称来命名导入的值。例如：

// app.js

import myName, { sayHello } from './module.js';

console.log(myName); // 输出 "John"（默认导出）
sayHello(); // 输出 "Hello!"

需要注意的是，当使用 export default 时，可以直接导出一个值或对象，而不需要使用 {} 包裹。而当使用 export 时，需要使用 {} 来指定要导出的特定功能。