资讯专栏INFORMATION COLUMN

关于exprot 和expert default的区别

ybak / 2130人阅读

摘要:首先我们先知道的作用是什么,是用于导出模块,通常配合使用和的区别,什么情况下用,什么情况下用。命名导出,用于导出多个对象示例代码在中引入模块弹出从上述代码我们可以看到可以在一个导出多个对象和变量,中引入的过程需要用对应中导出的变量名引入。

    首先我们先知道exprot的作用是什么,exprot是用于导出模块,通常配合 improt 使用

    exprot和exprot default的区别,什么情况下用exprot,什么情况下用exprot default。

1.exprot //命名导出,用于导出多个对象

 示例代码:在b.js中引入a.js模块

a.js

 const a=123
 const b=function(){alert(1)}

 exprot a;
 exprot b;

b.js

improt {a,b} from "./a.js"

b()//弹出1

从上述代码我们可以看到exprot可以在一个JS导出多个对象和变量,b.js中引入的过程需要用对应a.js中导出的变量名引入。

exprot default //默认导出

a.js

exprot default function(){alert(1)}

b.js

improt alertFun from "./a.js"

alertFun()//弹出1

比较与exprot导出的区别可以看到exprot default导出的对象可以自定义命名存储,无需要限制命名与a.js中的一样,但是exprot default只能默认导出一个对象,并且无法与exprot同时使用,exprot default是为所有导出对象使用系统默认命名导出,相等于只能导出一个对象

所以你要在一个文件导出多个对象就使用exprot,导出一个对象建议使用exprot default因为命名灵活性更多,不容易造成变量混乱

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/98115.html

相关文章

  • 阿里egg.js初体验(一)

    摘要:是阿里推出的基于的开发框架,今天抽空体验了下,按官方教程做一个。用于解析用户的输入,处理后返回相应的结果,具体参见。用于编写业务逻辑层,可选,建议使用,具体参见。和用于自定义启动时的初始化工作,可选,具体参见启动自定义。 egg.js是阿里推出的基于koa的node开发框架,今天抽空体验了下,按官方教程做一个Hacker News。其实官方有脚手架提供,但是这次我们不用。 开始之前,我...

    Dr_Noooo 评论0 收藏0
  • 【翻译】深入理解ES6模块

    摘要:你可能认为和它的新模块系统出现得有点晚。聚合模块有时候一个包的主模块只不过是导入包其他所有的模块,并用统一的方式导出。静态动态,或者说规则如何打破规则作为一个动态编译语言,令人惊奇的是拥有一个静态的模块系统。 回想2007年,那时候我刚加入Mozillas JavaScript团队,那时候的一个典型的JavaScript程序只需要一行代码,听起来像个笑话。 两年后,Google Map...

    icattlecoder 评论0 收藏0
  • JS_导入导出

    摘要:方式导入导出一个文件,可以向外无数个变量,函数,对象,但是的时候,仅仅需要载入一次文件即可。所以,无形之后,会增加一个顶层命名空间。 Node方式导入导出 一个JavaScript文件,可以向外exprots无数个变量,函数,对象,但是require(); 的时候,仅仅需要 载入一次JS文件即可。 所以,无形之后,会增加一个顶层命名空间。 导入一个空模块,是一个空对象,一个模块就是一个...

    MartinDai 评论0 收藏0
  • JS 模块导入/导出

    摘要:本文主要介绍几种模块导入导出的方法。默认导出如果只在一个文件中提供了一个导出的口,就可以使用默认导出在中可以看到输入同样是模块导入导出方法,使用的模块方法,要比中的也就是模块方法更加的差异非常大。 在开发中基本不会将所有的业务逻辑代码放在一个JS文件中,特别是在使用前端框架,进行组件化开发中时,会复用相应的组件。这时,就会用到模块导入/导出的方法了。 当然,上面提到有模块的概念,也是在...

    wall2flower 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<