JavaScript要封裝的原因是什么

這篇文章主要介紹“JavaScript要封裝的原因是什么”的相關知識，小編通過實際案例向大家展示操作過程，操作方法簡單快捷，實用性強，希望這篇“JavaScript要封裝的原因是什么”文章能幫助大家解決問題。

需要封裝的原因：1、通過封裝可以減少代碼的冗余，使代碼看起來不復雜，減少不必要的代碼；2、對象只用對外提供與其它對象交互的必要接口，可以對內部數據提供不同級別的保護，以防止程序中無關部分意外的改變或錯誤使用了對象的私有部分，可提升安全性。

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

JavaScript為什么要封裝

封裝是面向對象的三個基本特征之一，將現實世界的事物抽象成計算機領域中的對象,對象同時具有屬性和行為（方法），這種抽象就是封裝.

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

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

封裝的重要特性：數據隱藏。

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

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

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

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

未封裝代碼：

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

缺點：

• 易被同名變量覆蓋--因為在全局作用域下聲明的變量，容易被同名變量覆蓋

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

封裝代碼：

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

優點：

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

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

• 提高代碼重用性

關于“JavaScript要封裝的原因是什么”的內容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業相關的知識，可以關注億速云行業資訊頻道，小編每天都會為大家更新不同的知識點。