es6模块化

68 阅读1分钟

默认导入导出

  • 默认导出的语法: export default 默认导出的成员
  • 默认导入的语法: import 接收名称 from '模块路径

image.png

注意:

  1. 每个模块中,只允许使用唯一的一次 export default
  2. 默认导入时的接收名称可以任意名称,只要是合法的成员名称即可

按需导入导出

  • 按需导出的语法: export const s1 = 10
  • 按需导入的语法: import { 按需导入的名称 } from '模块路径'

image.png

注意:

  1. 每个模块中可以有多次按需导出
  2. 按需导入的成员名称必须和按需导出的名称保持一致
  3. 按需导入时,可以使用 as 关键字进行重命名

默认导出和整体导出一起使用

image.png

es6导入导出小结

image.png