JavaScript ES6中export及export default的区别
在JavaScript ES6中,export与export default均可用于导出常量、函数、文件、模块等,你可以在其它文件或模块中通过import+(常量 | 函数 | 文件 | 模块)名的方式,将其导入,以便能够对其进行使用,但在一个文件或模块中,export、import可以有多个,export default仅有一个。
具体用法:
假如有个demo.js,如果这里js里只有一个函数需要导出,如下:
function getCode(x){ return x+1 } export default getCode //别处引用时候是import getCode from "此处是文件地址" //也可以export { getCode }/ /别处引用时候是import { getCode } from "此处是文件地址" 仔细对比上面的区别。
如果一个demo.js里有许多的函数或者方法需要导出,如下:
function getCodeOne(x){ return x+1 } function getCodeTwo(y){ return y+1 } //如果需要导出getCodeOne和getCodeTwo,那就必须用 export { getCodeOne,getCodeTwo },对应的别处引用是import { getCodeOne,getCodeTwo } from "此处是文件地址"
说白了,export与export default的区别就是:
如果是单个导出,export与export default均可,如果是多个导出那就只能用export
使用export导出需要{},与此相对使用import导入也需要{}
使用export default 导出不需要{},与此相对使用import导入也不需要{}
本文作者:Mahmud(مەھمۇد)
本文链接:https://www.cnblogs.com/mahmud/p/11518659.html
版权声明:本作品采用知识共享署名-非商业性使用-禁止演绎 2.5 中国大陆许可协议进行许可。
分类:
标签:
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步