模块化(暴露与引入)

1. 模块化是什么?
   • 将JS文件按照功能分解为多个Js文件。
2. 为什么模块化?
   • 使用模块化可以对不同的功能点进行同一的管理,降低耦合性,减少同名的影响.每一个模块都有属于自己单独空间。
3. 如何模块化?

/* --分别暴露-- */
export const a = 10;
export const getData = ()=>{};
import {a,getData} from './test' // 按需引入
import * as Demo from './test' // 统一引入

/* --统一暴露-- */
const a = 10;
const getData = ()=>{}
export{
	a,getData
}
import {a,getData} from './test' // 按需引入
import * as Demo from './test' // 统一引入

/* --默认暴露-- */
// 默认暴露方式1
export default{
    a:2021
    bar(){}
}
// 默认暴露方式2
const a = 2021;
const bar = ()=>{}
export default {
    a,bar
}
import module from '../name' // 简写默认引入
import {default as Demo} from '../name' // 简写默认引入
export {default as Demo} from '../name' // 引入并暴露