import 声明和 export 声明

import 声明

import "mod"; //引入一个模块
import v from "mod";  //把模块默认的导出值放入变量v

1. 直接 import 一个模块，只是保证了这个模块代码被执行，引用它的模块是无法获得它的任何信息的。
2. 带 from 的 import 意思是引入模块中的一部分信息，可以把它们变成本地的变量。

带 from 的 import 细分又有三种用法，

1. import x from "./a.js" 引入模块中导出的默认值。
2. import {a as x, modify} from "./a.js"; 引入模块中的变量。
3. import * as x from "./a.js" 把模块中所有的变量以类似对象属性的方式引入。

 第一种方式还可以跟后两种组合使用。

• import d, {a as x, modify} from "./a.js"
• import d, * as x from "./a.js"

语法要求不带 as 的默认值永远在最前。注意，这里的变量实际上仍然可以受到原来模块的控制。

export 声明

模块中导出变量的方式有两种，一种是独立使用 export 声明，另一种是直接在声明型语句前添加 export 关键字。（var        function (含 async 和 generator)        class        let        const）

export 还有一种特殊的用法，就是跟 default 联合使用。export default 表示导出一个默认变量值，它可以用于 function 和 class。这里导出的变量是没有名称的，可以使用import x from "./a.js"这样的语法，在模块中引入。

在 import 语句前无法加入 export，但是我们可以直接使用 export from 语法。

此文章为3月Day18学习笔记，内容来源于极客时间《重学前端》，推荐该课程。