首页技术文章正文

模块化开发有哪些好处?

更新时间:2021-11-02 来源:传智教育 浏览量:

非模块化开发会遇到哪些问题?

了解了模块化后,同学们可能有些疑问,模块化虽然有很多优势,但是它具体解决了编程人员在开发过程中的哪些问题?下面看一下非模块化开发会遇到哪些问题。

1.命名冲突

在多人协作开发应用,或者使用第三方开发的JavaSerigpt库的时候,通常会遇到命名冲突问题,例如全局变量中名称重复会报错,示例代码如下:

var foo - *bat';
var Too = "bar't

另外,如果引用第三方的JavaScript库,在全局对象中声明了一个属性foo,自己的代码中也会声明同样名称的属性,两者一同使用的时候,后加载的属性值会替换之前的值,从而造成错误。

模块化开发的优点在于可以解决上述问题、让开发人员能很好地与他人协同,程序方面进行代码复用。

2、文件依赖

在开发过程中,可能需要很多文件依赖,示例代码如下:

<! DOCTYPE html>
<html>head>
<meta charset="UTF-8"><title>文件依赖</title></head>
<body>
<script src="./ccc.js"></script>
<script src="./a.js"></script>
<script src="./b.js"></script>
<script src="./c.js"></script>
<script src="./d.js"></script>
<script src="./aaa.js"></script>
</body>
</html>

从上述代码中,./aaa.js是依赖于./a.js文件的,但是从代码上并不能看出这样的关系。如果将./aaa.js与./a.js的前后位置调换,或者删除./a.js文件,就会导致程序错误。

而在模块化开发中,会使用JavaScript代码来加载所需要的文件,并不需要将所有的文件引入到 HTML文件中。

1635822730129_模块化开发1.jpg

猜你喜欢

JavaScript 模块化

什么是ES6模块化规范?怎样导入导出模块?

怎样配置 webpack 的打包发布?

transform属性2D转换用法详细介绍

黑马程序员HTML&JS+前端开发培训

分享到:
在线咨询 我要报名
和我们在线交谈!