通俗的说,就是将一个打的程序文件拆分成许多小的文件,然后将文件组合起来
模块化的好处
- 防止命名冲突
- 提高代码复用性
- 高维护性
模块化的语法
模块化功能主要由两个命令构成:export
和import
-
export
命令用于规定模块的对外接口//此文件路径为 ./src/cr7.js //方式一:分别暴露 export let player = 'C罗' export function shoot(){ console.log("倒挂金钩") } //方式二:统一暴露 let player = 'C罗' function shoot(){ console.log("倒挂金钩") } export {player, shoot} //方式三:默认暴露 export default { player = 'C罗', function shoot(){ console.log("倒挂金钩") } }
-
import
命令用于输入其他模块提供的功能//方式一:直接将引入文件中所有暴露出来的接口一次性引入 import * as p from "./src.cr7.js" //方式二:析构赋值 import {player, shoot} from "./src.cr7.js" //方式三:默认暴露的析构赋值 import {dafault as cr} from "./src.cr7.js" //方式四:默认暴露的简便引入 import cr from "./src.cr7.js"