CommonJs模块化简明条记

[复制链接]
发表于 2026-2-10 14:31:38 | 显示全部楼层 |阅读模式
1、什么是模块化

模块化是指将一个复杂的步调依据肯定的规则(规范)封装成几个块(文件),并举行组合在一起。
最早我们开辟将全部的代码写在一个js文件中,随着需求越来越复杂,代码量越来越大,如果仍旧把全部代码写在一个js文件中,那么代码耦合度过高不方便后期维护,模块化将一个复杂的js文件按共同或雷同的逻辑拆分成多个js文件,拆封的文件内部数据是私有的,只是向外部袒露一些接口(方法)与其他模块通讯,不但方便找到某一块功能点的代码,也可以到达复用的效果。
模块化的核⼼头脑就是:模块之间是隔离的,通过导⼊和导出进⾏数据和功能的共享。
2、为什么须要模块化

随着需求越来越复杂,代码量越来越大,会出现如下标题:

      
  • 全局污染标题(多个引入js雷同变量名、方法名)  
  • 依靠杂乱标题(引入次序,导致效果差别)  
  • 数据安全标题 (js中的数据会全部暴袒露来)
3、导入和导出的概念


4、示例

4.1 袒露(导出)方式一:

创建 user.js
  1. const name = '张三'
  2. const</
复制代码
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!qidao123.com:ToB企服之家,中国第一个企服评测及软件市场,开放入驻,技术点评得现金

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

×
回复

使用道具 举报

登录后关闭弹窗

登录参与点评抽奖  加入IT实名职场社区
去登录
快速回复 返回顶部 返回列表