在这篇博文中,我们将通过实例了解Javascript或ES6版本中的命名和默认模块。
ES6模块
在以前的ES6版本中,Javascript不支持模块。Es6引入了模块来组织和重用应用程序的各个部分。 Es6模块基本上是一个包含变量和函数的javascript代码,这些变量和函数将在javascript文件中声明。这些不能在外面使用,除非该模块被声明为导出使用。这是Nodejs和客户端框架所使用的非常简单而强大的功能。
模块的优点
- 代码可以被分离成多个文件,提高了重用性
- 模块可以在多个其他应用程序或模块中重复使用
- 模块就像java中的包,我们可以避免命名空间问题。
- 在模块中定义的所有变量或函数都是同一模块的私有部分。
在ECMAScript 2015中,有两种类型的模块可以被定义
- 缺省模块--缺省模块是指每个模块只包含一个模块。
- 命名模块-该模块在一个文件中包含多个模块
导入和导出默认模块
在此声明单个模块的导出功能。模块需要用导出关键字声明,以便在代码的另一部分使用它。导入关键字用于导入模块 以下是导入和导出默认模块声明的语法。
export default ModuleName // Export is declared with export keyword
一旦模块被导出,它就可以通过导入关键字在其他模块中使用。以下是导入关键字的语法
import ModuleName from 'filepath without extension'