ES6中的模块化

74 阅读1分钟

ES6 的模块化分为导出(export)与导入(import)两个模块。

一、export

在 ES6 中每一个模块即是一个文件,在文件中定义的变量,函数,对象在外部是无法获取的。如果
你希望外部可以读取模块当中的内容,就必须使用 export 来对其进行暴露(输出)。
对一个变量进行模块化

  1. 创建一个 test.js 文件,来对这一个变量进行输出

image.png

  1. 然后可以创建一个 index.js 文件,以 import 的形式将这个变量进行引入

image.png

如果要输出多个变量可以将这些变量包装成对象进行模块化输出

image.png

image.png

二、as 被导入变量的别名

image.png

三、* 通配语法:将所有的导入内容作为一个对象

image.png

四、默认导出(default export)

一个模块只能有一个默认导出,对于默认导出,导入的名称可以和导出的名称不一致
导出

image.png

引入

image.png