ES Module

ES6 Module

  • export对外的接口必须与模块内部建立一一对应的关系
// 错误
var a = 1
export a // 输出的其实还是1,没有建立一一对应的关系
// 正确
export var a = 1
  • export的内容,包括变量、函数、类
export var a = 1
export function foo() {}
export class Foo {}
// 或者export { a, foo, Foo }
  • export的两种写法
// 第一种
var a = 1
export { a } // 更形象, export的值都在底下
// 第二种
export var a = 1
  • export和export default
    • export在import的时候需要大括号,export default在import的时候不需要大括号,
    • 一个模块只能有一个默认输出,所以export default只能使用一次
// 第一组
export default function crc32() { // 输出
  // ...
}
import crc32 from 'crc32'; // 输入
// 第二组
export function crc32() { // 输出
  // ...
};
import {crc32} from 'crc32'; // 输入
  • export default本质
    本质上export default输出的是default这个变量, 相当于赋值给default这个变量,所以不能export default var a = 1,只能export default a相当于把a的值赋给default
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 136,120评论 19 139
  • ES6模块不是对象,而是export命令显示指定输出的代码,输入时也采用静态命令的形式。 上面是从fs模块里加载3...
    竹天亮阅读 12,233评论 2 17
  • 官方中文版原文链接 感谢社区中各位的大力支持,译者再次奉上一点点福利:阿里云产品券,享受所有官网优惠,并抽取幸运大...
    HetfieldJoe阅读 9,004评论 2 27
  • FreeMarker的模板文件并不比HTML页面复杂多少,FreeMarker模板文件主要由如下4个部分组成: 1...
    年轻小伙程序员阅读 8,222评论 0 5
  • 《欢乐颂》自开播以来热议不断,本以为是中国版的《欲望都市》,但是最近眼瞅着就要歪成《小时代》了,曲筱绡撕樊胜美,樊...
    冰蓝_白水阅读 2,713评论 0 6

友情链接更多精彩内容