export和export default区别
时间: 2023-04-29 10:04:00 浏览: 159
`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区别
这些是 JavaScript 中用于导出模块的关键字,它们的含义如下:
1. `module.exports`:是 Node.js 中用于导出模块的对象。可以通过给 `module.exports` 赋值一个对象、函数等来导出模块。
2. `exports`:也是 Node.js 中用于导出模块的对象,但是它是 `module.exports` 的一个引用。在导出模块时,可以通过给 `exports` 对象添加属性来导出模块。例如,`exports.foo = function() { ... }`。
3. `export`:是 ES6 中导出模块的关键字,它可以导出一个变量、函数、类等。例如,`export const foo = 'bar';`。
4. `export default`:也是 ES6 中导出模块的关键字,它可以导出一个默认的变量、函数、类等。例如,`export default function() { ... }`。
需要注意的是,在 Node.js 中,不能直接使用 `export` 和 `export default` 这两个关键字进行模块导出,需要使用 Babel 等工具进行转换。另外,在使用 `export` 和 `export default` 导出模块时,需要使用 `import` 关键字来导入模块。
阅读全文