博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
export与export default的区别
阅读量:4129 次
发布时间:2019-05-25

本文共 705 字,大约阅读时间需要 2 分钟。

ES6 模块不是对象,而是通过export命令显式指定输出的代码,再通过import命令输入。

1.export与export default均可用于导出常量、函数、文件、模块等

2.你可以在其它文件或模块中通过import+(常量 | 函数 | 文件 | 模块)名的方式,将其导入,以便能够对其进行使用
3.在一个文件或模块中,export、import可以有多个(export 可以导出多个命名模块),export default仅有一个

  • 输出单个值,使用export default
  • 输出多个值,使用export
  • export default与普通的export不要同时使用

4.通过export方式导出,在导入时要加{ },export default则不需要

(1)export的输出与import输入

export function output() {    // ...}import {output} from './example'

(2)export default的输出与import输入

export default function output() {    // ...}import output from './example'

从以上两种 import 方式即可看出,export default 的 import 方式不需要使用大括号包裹。因为对于 export default 其输出的本来就只有一个接口,提供的是模块的默认接口,自然不需要使用大括号包裹。

切记,一个js文件中,只能有一个export default; 

但是,一个js文件中,可以有多个export。

转载地址:http://gnuvi.baihongyu.com/

你可能感兴趣的文章
浅谈Spring声明式事务管理ThreadLocal和JDKProxy
查看>>
初识xsd
查看>>
java 设计模式-职责型模式
查看>>
构造型模式
查看>>
svn out of date 无法更新到最新版本
查看>>
java杂记
查看>>
RunTime.getRuntime().exec()
查看>>
Oracle 分组排序函数
查看>>
删除weblogic 域
查看>>
VMware Workstation 14中文破解版下载(附密钥)(笔记)
查看>>
日志框架学习
查看>>
日志框架学习2
查看>>
SVN-无法查看log,提示Want to go offline,时间显示1970问题,error主要是 url中 有一层的中文进行了2次encode
查看>>
NGINX
查看>>
Qt文件夹选择对话框
查看>>
1062 Talent and Virtue (25 分)
查看>>
1061 Dating (20 分)
查看>>
1060 Are They Equal (25 分)
查看>>
83. Remove Duplicates from Sorted List(easy)
查看>>
88. Merge Sorted Array(easy)
查看>>