export和export default区别
时间: 2023-04-29 11:04:00 浏览: 156
`export` 和 `export default` 是 JavaScript 中的两种导出方式,主要区别在于使用方式和导出数量上。
- `export` 可以导出多个变量或函数,在其他文件中使用时需要使用相应的名称导入。
- `export default` 则只能导出一个默认变量或函数,在其他文件中使用时可以使用任意名称导入。
通过 `export default` 导出的内容可以简化导入时的语法,使代码更简洁易读。
相关问题
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
module.exports 和 exports和export和export default区别
这些关键字都是用于在一个模块中导出值的。下面是它们的区别:
- `module.exports`:是一个指向当前模块导出对象的引用,可以通过赋值改变其指向,实现导出任何类型的值,包括对象、函数、字符串等。例如:`module.exports = { name: 'John' }`。
- `exports`:是指向 `module.exports` 的引用,也可以通过赋值改变其指向,但是不能直接给 `exports` 赋值,因为这会断开 `exports` 和 `module.exports` 之间的引用关系。例如:`exports.age = 18`。
- `export`:是 ES6 模块导出语法中的关键字,用于导出值,在导出时需要使用花括号 `{}` 包裹要导出的内容,可以一次导出多个值。例如:`export { name, age }`。
- `export default`:是 ES6 模块导出语法中导出默认值的关键字,导出时不需要使用花括号 `{}`,一个模块只能导出一个默认值。例如:`export default { name: 'John', age: 18 }`。
阅读全文