模块化

模块化

模块化是指将一个大的程序文件，拆分成许多小的文件，然后将小文件组合起来

模块化功能主要由两个命令构成：export和import

• export 用于规定模块的对外接口
• import 用于输入其他模块提供的功能

模块化的好处

1. 防止命名冲突
2. 代码复用
3. 高维护性

模块暴露数据语法

export let school = '123'
export function(){
    console.log('我们可以教给你开发技能')
}

//统一暴露
let school = '123'
findJob(){
    console.log('我们可以帮助你')
}
export {school, findJob}
//引入模块
import * as m2 from './src/js/m2.js'

//默认暴露
export default{
    school:'atg',
    change: function(){
        console.log('我么可以')
    }
}
//引入
import * as m3 from './src/js/m3.js'
//用change方法
m3.default.change()

模块引入数据语法汇总

//1.通用的导入方式
import * as m1 from './src/js/m1.js'

//2.解构赋值形式
import {school,teach} from './src/js/m1.js'
import {default * as m3} from './src/js/m3.js'

//3.简便形式  针对默认暴露
import m3 from './src/js/m3.js'