ES6模块

语法看起来更简洁、优雅、可读性高、可维护性高
ES6模块_第1张图片
定义
类表达式可以为匿名或命名
ES6模块_第2张图片
ES6模块_第3张图片

注意要点
类定义不会被提升,这意味着,必须在访问前对类进行定义,否则就会报错。
类中方法不需要 function 关键字。
方法间不能加分号。
在这里插入图片描述

主体
prototype,静态属性,公共属性,name 属性
实例属性

定义在实例对象( this )上的属性
ES6模块_第4张图片

模块

之前的模块有几个毛病
1.变量冲突
2.依赖要全部加载
3.顺序还得注意

ES6模块化的亮点之一:大部分的语言都支持模块化

export 与 import
ES6模块_第5张图片ES6模块_第6张图片

导出导入
导出:
ES6模块_第7张图片
导入:
在这里插入图片描述
as用法
ES6模块_第8张图片

在这里插入图片描述

export default 命令
导出:
ES6模块_第9张图片

ES6模块_第10张图片

模块的好处:

1.节省开发维护成本
2.提升开发效率
3.统一性(技术方面)

你可能感兴趣的:(ES6)