Es6-Javascript命名和默认模块指南与实例

82 阅读1分钟

在这篇博文中,我们将通过实例了解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'