封装意味着将某些东西隔离开来。如果你把东西放进胶囊里，外界就无法接近它。封装是面向对象编程中的一个重要概念，因为它有助于保持复杂代码的可管理性。

你为什么要上课

假设你有一个宠物动物园应用程序，它有数十万行代码。现在假设有一个非常重要的对象，它是整个应用程序的中心，称为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; } }}

学习封装和避免全局变量

这是最后的代码。重述所学内容以确保理解：

• 为其余变量添加getter和setter。
• 返回动物名称作为span标记：<span>llama</span>
• 更改装饰变量以允许多个装饰。创建适当的getter和setter来反映这种变化。

如果你想让你的代码像一台运行良好的机器，你绝对需要使用封装。不惜一切代价避免全局变量。如果确实需要在对象之间共享变量，可以查看TypeScript文档，了解如何创建类/静态变量。