ES6 模块化

男娘i 2022-04-13 06:13 233阅读 0赞

1/ 定义模块  
方法一：(对应的引入方法二)

export const a = 1;
    export const b = 2;  
    export let c = '小李';

方法二：(对应的引入方法二)

const a = 1;
    const b = 2;
    let c = '小李';
    export {
    	a,
    	b,
    	c
    }   //在引入的时候就相当于解构

方法三：(对应的引入方法三)

const a = 1;
    const b = 2;
    let c = '小李';
    export {
          a as aaa,
          b as bbb,
          c as ccc
     }

方法四：(对应的引入方法五)

const a = 1;
    const b = 2;
    let c = '小李';
    export {
          a as aaa,
          b as bbb,
          c as ccc
    } 
    export default 12;  //接收的时候不用花括号

2/ 引入模块  
方法一：

方法二：

方法三：(这里的aaa/bbb/ccc也可以取别名 aaa as a)

方法四：

方法五：

**总结：**  
1/ import可以是相对路径，也可以是绝对路径  
2/ import模块只会导入一次，无论你引入多少次  
3/ import ‘./module/index.js’，这么用相当于引入文件  
4/ 有提升效果，import会自动提升到顶部，首先执行  
5/ 导出去模块，如果里面有定时器修改，外面也会改动，不像Common规范

**不**能用if或者for动态加载模块  
import()返回的是promise对象  
import(’./module/index.js’).then(res=>console.log(res))  
优点：按需加载/动态加载，可以放入语句里/路径可以动态传参

[node CommonJS规范][node CommonJS]

[node CommonJS]: https://blog.csdn.net/zhaohanqq/article/details/84586075