ES6 模块化

125 阅读1分钟

ES6 模块化规范中的定义

  • 每个js文件都是一个独立的模块
  • 导入其他模块使用 import 关键字
  • 向外共享模块成员使用 export 关键字

在node.js中体验ES6模块化

node.js中默认仅支持CommonJS 模块化规范, 若想基于node.js体验与学习ES6的模块化语法,可以按照如下两个步骤进行配置:

  1. 确保安装了v14.15.1或更高版本的node.js

    # 终端查看node版本
    node -v
    
  2. 在package.json的根节点中添加"type" : "module" 节点

1646962403842.png

ES6 模块化用法分三种

  1. 默认导入,默认导出

1646962834314.png

1646962884520.png

  1. 按需导入,按需导出

1646963084558.png

1646963339800.png

注意事项:

  • 每个模块中可以使用多次按需导出
  • 按需导入的成员名称必须和按需导出的名称保持一致
  • 按需导入时,可以使用 as关键字 进行重命名
  • 按需导入可以和默认导入一起使用
  1. 直接导入并执行模块中的代码

1646965208627.png

1646965231474.png