ES6中export的三种对外暴露的方式及引入方法

ES6中export的三种对外暴露的方式及引入方法

对外暴露的三种方式
1.分别暴露

1. export let a = 1
   
2. export function fun(){
   
3.         console.log("你好")
   
4. }
   

复制代码

2.统一暴露

1. let a = 1
   
2. function fun (){
   
3.         console.log("你好")
   
4. }
   
5. export { a , fun }
   

复制代码

3.默认暴露
一个js文件中只能有一个默认暴露，默认暴露的可以是一个常量，函数，对象等。

1. //默认暴露一个函数
   
2. export default function fun(){
   
3.         console.log("你好")
   
4. }
   

复制代码

1. 默认暴露一个对象
   
2. let a = 1
   
3. function fun (){
   
4.         console.log("你好")
   
5. }
   
6. export default { a , fun }
   

复制代码

引入方式
1.解构赋值引入
对于分别暴露，一般使用解构赋值来引入

1. import { a , fun } from "文件路径"
   
2. //此时当前模块便含有 a 变量，和fun函数
   
3. console.log(a)// 1
   
4. fun()// 你好
   

复制代码

2.直接引入
对于默认暴露，直接引入即可

1. //如果要引入的js模块默认暴露的是一个函数
   
2. import f from "文件路径"  //此处引入的就是一个函数
   
3. f() // 你好
   
4. 
   
5. //如果要引入的js模块默认暴露的是一个对象
   
6. import objName from "文件路径"  //此处引入的也是一个对象
   
7. console.log(objName.a) // 1
   
8. objName.fun() // 你好
   

复制代码