export 与 export default区别

叁歲伎倆 2022-11-06 07:53 374阅读 0赞

export 与 export default区别

1、export
export 可以直接导出或者先定义后导出。

  1. // eg: 直接导出
  2. export const a = '1234'
  3. export const b = () => { }
  4. //eg: 先定义后导出
  5. const a = '1234'
  6. const b = () => { }
  7. export { a, b}

2、export default
export default 只能直接输出,是模块对外接口,只有一个,所以只能出现一次。

  1. export default function(){ }

export default实际上输出一个名为default的变量和方法,在引入的时候也可以随意命名此变量和方法

通过两者的导出的区别,两者的引入也有区别:

  • export 导出的对象,导入写法:

    import { a, b} from ‘module’

  • export default 导出对象的写法:

    import module from ‘module’

发表评论

表情:
评论列表 (有 0 条评论,374人围观)

还没有评论,来说两句吧...

相关阅读