首頁技術文章正文

模塊化開發(fā)有哪些好處?

更新時間:2021-11-02 來源:傳智教育 瀏覽量:

非模塊化開發(fā)會遇到哪些問題?

了解了模塊化后,同學們可能有些疑問,模塊化雖然有很多優(yōu)勢,但是它具體解決了編程人員在開發(fā)過程中的哪些問題?下面看一下非模塊化開發(fā)會遇到哪些問題。

1.命名沖突

在多人協(xié)作開發(fā)應用,或者使用第三方開發(fā)的JavaSerigpt庫的時候,通常會遇到命名沖突問題,例如全局變量中名稱重復會報錯,示例代碼如下:

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

另外,如果引用第三方的JavaScript庫,在全局對象中聲明了一個屬性foo,自己的代碼中也會聲明同樣名稱的屬性,兩者一同使用的時候,后加載的屬性值會替換之前的值,從而造成錯誤。

模塊化開發(fā)的優(yōu)點在于可以解決上述問題、讓開發(fā)人員能很好地與他人協(xié)同,程序方面進行代碼復用。

2、文件依賴

在開發(fā)過程中,可能需要很多文件依賴,示例代碼如下:

<! 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的前后位置調(diào)換,或者刪除./a.js文件,就會導致程序錯誤。

而在模塊化開發(fā)中,會使用JavaScript代碼來加載所需要的文件,并不需要將所有的文件引入到 HTML文件中。

1635822730129_模塊化開發(fā)1.jpg

猜你喜歡

JavaScript 模塊化

什么是ES6模塊化規(guī)范?怎樣導入導出模塊?

怎樣配置 webpack 的打包發(fā)布?

transform屬性2D轉換用法詳細介紹

黑馬程序員HTML&JS+前端開發(fā)培訓

分享到:
在線咨詢 我要報名
和我們在線交談!