如何使用物件封裝保持程式碼整潔

全域性變數可能看起來很簡單，但它們常常是導致這麼多錯誤的原因。下面介紹如何透過封裝簡化程式碼。...

封裝意味著將某些東西隔離開來。如果你把東西放進膠囊裡，外界就無法接近它。封裝是面向物件程式設計中的一個重要概念，因為它有助於保持複雜程式碼的可管理性。

你為什麼要上課

假設你有一個寵物動物園應用程式，它有數十萬行程式碼。現在假設有一個非常重要的物件，它是整個應用程式的中心，稱為animal。如果程式的每一個部分都是動物，都能訪問並改變這個物件呢？

不受限制的訪問會造成很多混亂。如果小豬使用動物來定義其引數，那麼動物將具有小豬屬性。現在，假設一隻山羊決定用動物來定義它的引數。

在JavaScript/TypeScript中，如下所示：

var animal = {name: "piglet", legs: 4, color: "pink", decoration: "snout"}animal.name = "goat"animal.decoration = "horns"

下一件事你知道，你有粉紅色的山羊和有角的小豬。在TypeScript沙盒中檢視正在執行的程式碼，然後單擊run檢視控制檯輸出。

如果你正在學習程式設計，除了建立一個寵物動物園外，還想獲得靈感，那麼這裡還有10個專案可以激勵你。

因為你的程式碼庫是如此巨大，它可能需要數百個小時才能找到程式碼，給你的羔羊駱駝脖子和你的小鴨羊毛。一旦你發現有問題的程式碼，你將不得不寫更多的義大利麵程式碼，以防止物件相互干擾。一定有更好的辦法。

解決重疊問題的方法是用類定義物件。程式碼的任何部分都可以基於類定義建立物件。建立唯一的物件稱為例項化。它保證建立的每個物件都有自己的屬性。這些物體不會意外地相互干擾。

類還不夠；物件變數也需要封裝

所以我們決定每種動物都需要自己的目標。讓我們建立一個類來定義我們的動物。

class Animal { name: string; legs: number; color: string; decoration: string; c***tructor(name: string, legs: number, color: string, decoration: string) { this.name = name; this.legs = legs; this.color = color; this.decoration = decoration; }}

接下來，讓我們建立幾個動物物件。

let babyDuck = new Animal("baby duck", 2, "yellow", "beak");let bunny = new Animal("bunny", 4, "gray", "floppy ears");

到目前為止一直在玩程式碼。

現在我們可以新增我們想要的所有動物而不需要任何奇怪的突變。或者我們可以？

如果有一天晚上，一個疲憊不堪的程式設計師編寫了一些程式碼來編輯這個令人毛骨悚然的應用程式中的一隻動物，但是他們錯了編輯了兔子，會發生什麼呢？

bunny.color = "black";bunny.legs = 8;

蜘蛛兔不酷，夥計！這和我們沒有將程式碼封裝到物件中一樣糟糕。讓我們確保不再發生這種事。

我們需要做的第一件事是使我們的物件私有化。這意味著沒有任何東西可以在建立變數之後直接編輯它們。下面的程式碼顯示更改私有變數會產生錯誤。

不過，變數確實需要可變。這就是能手和二傳手的用武之地。

getter和setter是以受控方式訪問和更改變數的函式。設定程式可以對更改的資料設定限制。而且getter可以改變檢索到的資料。

這就是我們的類使用get和set函式來控制腿數的樣子。

class Animal { private _name: string; private _legs: number; private _color: string; private _decoration: string; c***tructor(name: string, legs: number, color: string, decoration: string) { this._name = name; this._legs = legs; this._color = color; this._decoration = decoration; } get legs() { return this._legs; } set legs(legCount: number) { if(legCount > 1 && legCount < 5) { this._legs = legCount; } }}