模块化
模块化是指将一个大的程序文件,拆分成许多小的文件,然后将小文件组合起来
模块化的好处
模块化的优势有以下几点:
1.防止命名冲突
2.代码复用
3.高维护性
模块功能主要由两个命令构成:export
和import
- export命令用于规定模块的对外接口
- import命令用于输入其他模块提供的功能
模块暴露数据语法汇总
//分别暴露
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'