分别暴露、统一暴露以及默认暴露三者的区别

一、分别暴露 export

1.注意：export命令规定的是对外的接口，必须与模块内部的变量建立一一对应关系。

// 报错 export 1; // 报错 var m = 1; export m;

2.所谓变量，其实只有在声明时的一瞬间有，声明过后，不管是单独使用，还是作为实参传递，它都是作为一个表达式，而不是变量。

二、统一暴露 export {}

1. 统一暴露的语法 export {} 中 {} 是一个对象吗？

export {} 是作为一个整体的语法存在，在{}中放入的是模块需要对外暴露内部变量，在形式上其实这里{}更像是一个数组，其数组元素就是模块内部变量。

三、默认暴露 export default

1. 默认暴露和上面两种暴露最大的区别是，一个模块中默认暴露只能使用一次，而export 和 export {} 可以使用多次。

2. 默认暴露主要场景就是，针对一个模块只暴露一个接口的场景。

3.export 只暴露一个接口的场景：导出时需要满足一一对应要求，导入时需要使用import {}命令接收

// b.js export function b(){     console.log('b') }

// a.js import {b} from './b.js'

4. export {} 只暴露一个接口的场景：导出时必须要搞一个变量名给export {} 命令，否则export {} 无法获取变量，且必须使用 import {} 命令接收

// b.js var b = function(){     console.log('b') } export {b}

// a.js import {b} from './b.js'

5. export default 由于默认暴露只能暴露一个接口，所以这个接口不需要名字就可以限定，同时模块只会暴露一个接口给import，所以import也不需要名字限定，直接导出该接口即可，接口名可以任意定.

// b.js export default function(){     console.log('b') }

// a.js import haha from './b.js'

四、注意

export命令可以出现在模块的任何位置，只要处于模块顶层就可以。如果处于块级作用域内，就会报错，下一节的import命令也是如此。 需要注意的是，import和export命令是在编译期间工作的，而无论是无论是函数块，if块，代码块，它们之中的代码都是在运行期间才能生效的，所以必须将import和export命令放置于模块顶层。