模块化


模块化

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

模块化的好处

模块化的优势有以下几点:

1.防止命名冲突

2.代码复用

3.高维护性

模块功能主要由两个命令构成:exportimport

  • 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'

文章作者: Daniel Lin
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 Daniel Lin !
  目录