ES6 Module4

模块的整体加载

除了指定加载某个输出值,还可以使用整体加载,用<code>*</code>指定一个对象,所有输出值都加载在这个对象上面

import * as circle from './circle';
console.log('圆面积:' + circle.area(4));
console.log('圆周长:' + circle.circumference(14));//不可以改变值
export default命令

<code>export default</code>为模块指定默认输出

export default function () {
  console.log('foo');
}

其他模块加载该模块时,<code>import</code>命令可以为该匿名函数指定任意名字,这时<code>import</code>命令后面不适用大括号

import customName from './export-default';
customName(); // 'foo'

一个模块只能有一个默认输出,所以其<code>export default</code>命令只能用一次,且其后面不能跟变量声明语句

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 136,647评论 19 139
  • ES6模块不是对象,而是export命令显示指定输出的代码,输入时也采用静态命令的形式。 上面是从fs模块里加载3...
    竹天亮阅读 7,719评论 2 17
  • JavaScript 一直没有模块(module)体系,无法将一个大程序拆分成互相依赖的小文件,再用简单的方法拼装...
    紫夏离殇阅读 455评论 0 0
  • 【转】 遵循的模块化规范不一样 模块化规范:即为 JavaScript 提供一种模块编写、模块依赖和模块运行的方案...
    houruyaogeili阅读 3,376评论 0 2
  • 这种加载称为“运行时加载”,因为只有运行时才能得到这个对象,导致完全没办法在编译时做“静态优化”。 ES6 模块不...
    codeSirCao阅读 603评论 0 0

友情链接更多精彩内容