前端 JS 经典:为什么需要模块化

首先,自我评定一下,一个 js 文件,各位兄弟,最多能掌控多少行,什么意思呢,就是说,一个 js 文件在多少行之内,你是可以清楚的知道这个 JS 实现了哪些业务逻辑,并对这些业务逻辑进行维护和拓展。博主最多 500 行吧,一个 JS 最多同时实现 3 个功能。多了,每次找功能模块,和维护的时候,会很怕遗漏了什么地方,导致奇奇怪怪的 bug。

所以,很多大神都是不希望看到单个 JS 文件装载太多的代码。因为代码数量一旦多起来,首先阅读性就不好,要不停的滚动滚动条去切换。代码多的话,功能就多,很难快速定位。因此大神们就希望,单个 JS 文件,代码不要太多。

所以,要解决这个问题,就需要将项目模块化,什么意思呢,就是将一个大量功能模块的 JS 文件,分成多个单功能模块的 JS 文件,这就叫模块化。

相关推荐
程序员清洒13 分钟前
Flutter for OpenHarmony:GridView — 网格布局实现
android·前端·学习·flutter·华为
VX:Fegn089516 分钟前
计算机毕业设计|基于ssm + vue超市管理系统(源码+数据库+文档)
前端·数据库·vue.js·spring boot·后端·课程设计
喜欢吃燃面19 分钟前
Linux:环境变量
linux·开发语言·学习
0思必得025 分钟前
[Web自动化] 反爬虫
前端·爬虫·python·selenium·自动化
徐徐同学34 分钟前
cpolar为IT-Tools 解锁公网访问,远程开发再也不卡壳
java·开发语言·分布式
LawrenceLan35 分钟前
Flutter 零基础入门(二十六):StatefulWidget 与状态更新 setState
开发语言·前端·flutter·dart
m0_7482299944 分钟前
Laravel8.X核心功能全解析
开发语言·数据库·php
秋秋小事1 小时前
TypeScript 模版字面量与类型操作
前端·typescript
qq_192779871 小时前
C++模块化编程指南
开发语言·c++·算法
2401_892000521 小时前
Flutter for OpenHarmony 猫咪管家App实战 - 添加提醒实现
前端·javascript·flutter