export 与export default的区别
时间: 2023-11-07 22:06:57 浏览: 137
export 与 export default 区别
export和export default是ES6中用于导出模块的两种方式。
使用export导出时,需要使用具名导出(named export),即在导出时需要使用花括号{}包裹要导出的内容,同时需要在导入时使用相同的变量名来接收导出的内容。
例如:
export function output() {
// ...
}
import { output } from './example'
使用export default导出时,不需要使用花括号{},同时可以为导出的内容起任意名称。在导入时,可以自定义变量来接收导出的内容。
例如:
export default function output() {
// ...
}
import output from './example'
总结:
- export可以导出多个变量或函数,需要使用具名导出并在导入时使用相同的变量名。
- export default只能导出一个变量或函数,可以为导出的内容起任意名称,并在导入时使用自定义的变量名。
阅读全文