JavaScript為什麼要封裝

需要封裝的原因：1、透過封裝可以減少程式碼的冗餘，使程式碼看起來不複雜，減少不必要的程式碼；2、物件只用對外提供與其它物件互動的必要接口，可以對內部資料提供不同程度的保護，以防止程式中無關部分意外的變更或錯誤使用了物件的私有部分，可提升安全性。

本教學操作環境：windows10系統、javascript1.8.5版、Dell G3電腦。

JavaScript為什麼要封裝

封裝是物件導向的三個基本特徵之一，將現實世界的事物抽象化為電腦領域中的物件,物件同時具有屬性和行為（方法） ，這種抽象就是封裝.

大家在日常開發過程中，具有相同處理邏輯的程式碼通常會進行函數的封裝來減少程式碼的冗餘，使程式碼看起來更優雅美觀，那麼

當多個實體物件他們擁有相同的一些屬性和行為（方法）時，自然也要把這些相同的屬性和行為抽像出來，減少不必要的程式碼。

封裝的重要特性：資料隱藏。

物件只對外提供與其它物件互動的必要接口，而將自身的某些屬性和實現細節對外隱藏，透過這種方式，物件對內部資料提供了不同層級的保護，以防止程式中無關的部分意外的改變或錯誤的使用了物件的私有部分。這樣就在確保正常互動的前提下，確保了安全性，不需要關心物件實作的方法即可使用這個物件。

函數（function）--最簡單的封裝

#函數對任何語言來說都是一個核心的概念。透過函數可以封裝任意多條語句，而且可以在任何地方、任何時候呼叫執行。

如何封裝： 將零散的的語句寫進函數的花括號內，成為函數體，然後就可以呼叫了。

未封裝程式碼：

var body = document.getElementsByTagName("body")[0];
        var h1 = document.createElement("h1");
        body.style.backgroundColor = "green";
        h1.innerText = "绿了";
        body.appendChild(h1);

缺點：

• 易被同名變數覆寫--因為在全域作用域下宣告的變量，容易被同名變數覆寫

• 立即執行--解析器讀取到此處立即執行

##封裝程式碼：

function makeGreen() {
            var body = document.getElementsByTagName("body")[0];
            var h1 = document.createElement("h1");
            body.style.backgroundColor = "green";
            h1.innerText = "绿了";
            body.appendChild(h1);
        }

優點：

• 避免了全域變數--因為存在函數作用域（函數作用域畫重點，以後要考）

• 按需執行--解析器讀取到此處，函數並未執行，只有當你需要的時候，呼叫此函數即可

• 提高程式碼重用性

【相關推薦：

javascript影片教學、web前端】

以上是JavaScript為什麼要封裝的詳細內容。更多資訊請關注PHP中文網其他相關文章！