Require的用法及短语 require的用法( 四 )



Require的用法及短语 require的用法



默认导出
默认导出也被称做定义式导出 。命名式导出可以导出多个值,但在在import引用时,也要使用相同的名称来引用相应的值 。而默认导出每个导出只有一个单一值,这个输出可以是一个函数、类或其它类型的值,这样在模块import导入时也会很容易引用 。

Require的用法及短语 require的用法



命名式导出与默认导出
默认导出可以理解为另一种形式的命名导出,默认导出可以认为是使用了default名称的命名导出 。
下面两种导出方式是等价的:

Require的用法及短语 require的用法



export使用示例
使用名称导出一个模块时:

Require的用法及短语 require的用法



在另一个模块(脚本文件)中,我们可以像下面这样引用:

Require的用法及短语 require的用法



使用默认导出一个模块时:

Require的用法及短语 require的用法



在另一个模块(脚本文件)中 , 我们可以像下面这样引用 , 相对名称导出来说使用更为简单:

Require的用法及短语 require的用法



import引入模块import语法声明用于从已导出的模块、脚本中导入函数、对象、指定文件(或模块)的原始值 。
import模块导入与export模块导出功能相对应,也存在两种模块导入方式:命名式导入(名称导入)和默认导入(定义式导入) 。
import的语法跟require不同,而且import必须放在文件的最开始,且前面不允许有其他逻辑代码,这和其他所有编程语言风格一致 。

Require的用法及短语 require的用法



  • name-从将要导入模块中收到的导出值的名称
  • member, memberN-从导出模块,导入指定名称的多个成员
  • defaultMember-从导出模块,导入默认导出成员
  • alias, aliasN-别名,对指定导入成员进行的重命名
  • module-name-要导入的模块 。是一个文件名
  • as-重命名导入成员名称(“标识符”)
  • from-从已经存在的模块、脚本文件等导入
命名式导入
我们可以通过指定名称,就是将这些成员插入到当作用域中 。导出时,可以导入单个成员或多个成员:
注意,花括号里面的变量与export后面的变量一一对应

Require的用法及短语 require的用法



通过*符号,我们可以导入模块中的全部属性和方法 。当导入模块全部导出内容时,就是将导出模块(’my-module.js’)所有的导出绑定内容 , 插入到当前模块(’myModule’)的作用域中:

Require的用法及短语 require的用法



导入模块对象时,也可以使用as对导入成员重命名 , 以方便在当前模块内使用:

Require的用法及短语 require的用法



导入多个成员时,同样可以使用别名:

Require的用法及短语 require的用法



导入一个模块,但不进行任何绑定:

Require的用法及短语 require的用法

推荐阅读