一、定义

1. 设计模式

设计模式就是一种更好的编写代码方案。

2. 常见设计模式

工厂设计模式、抽象工厂设计模式、抽象工厂设计模式，抽象工厂设计模式，观察者设计模式，抓双装饰器模式，代理设计模式，MVC，MVP，MVVM 架构设计模式。

3. 常规定义

4. 简明定义：一个类对外有且仅有一个实例，这种编码方案就是单件设计模式。

5. 完整定义（有所缺失）：如果某个类对外始终只提供一个对象，并且在该类的内部提供了一个外部访问该对象的方法或该对象属性，那么这种编写代码方案就是单件设计模式。

6. 如果一个类的任何外部通过访问类提供的某个方法或某个属性始终只能获取该类的一个对象，但如果该类提供了多个外部可以访问的方法或属性，那么外部就能访问到该该类的多个不同的对象

单从实际开发来看，绝大对数情况的应用场景，我们对外都只提供一个唯一的可以访问的方法或属性，这样就保证了实例为单个，类的这种编写代码的方案就是单件设计模式。

二、选型

1. 什么时候选择单件设计模式

实际发开中，外部访问某个类的对象时，确保只能访问该类唯一对象时才能保证逻辑的正确性时就应该使用单件设计模式了。

2. 实际场景

• Vuex、Redux 中的全局状态管理容器 store对象在整个项目被设计成唯一的对象，把store对象所在的类设计成单件设计模式将是最好的设计方案，当然也有其他代替写法。

• 一般前端项目需要进行客户端本地数据存储时都会考虑使用 localStorage, localStorage 只要在相同的协议、相同的主机名、相同的端口下，就能读取/修改道一份 localStorage 数据.

• 项目日志记录，为一个项目边写一个日志文件类，用来保存日志和阅读日志信息。

3. 为什么不零散得写

问题1: 代码零散

问题2: 可读性很差，不能顾名思义

问题3: 对后期维护产生影响

问题4: 方法的代码可以直接放到类里

OOP 面向对象思想

[图片上传失败...(image-269029-1656773555186)]

[图片上传失败...(image-f1d2c-1656773555186)]

[图片上传失败...(image-9d02e3-1656773555186)]

//   构建单件设计模式
//   第一步：把构造器设置为私有的，不允许外部来创建类的实例【对象】
//   第二步: 至少应该提供一个外部访问的方法或属性，外部可以通过这个方法或属性来得到一个对象
//           所以应该把这个方法设置为静态方法
//   第三步：外部调用第二步提供的静态方法来获取一个对象

[图片上传失败...(image-967115-1656773555186)]

设置成私有的构造函数，外部就不可以访问啦，然后通过静态方法进行创建

[图片上传失败...(image-9eb42c-1656773555186)]

[图片上传失败...(image-fbc902-1656773555186)]

我们需要在调用这个函数的时候展示一个

静态的方法不可以访问实例属性，所以在类里定义一个静态属性

[图片上传失败...(image-4acfc-1656773555186)]

[图片上传失败...(image-ff2434-1656773555186)]

静态会一直存在。 静态会限制外部访问它，只有静态方法才能访问静态属性。

4. 静态属性的 9 大规则 + 静态方法

5. 外部如何调用 ts静态属性？类名直接调用静态成员，格式：类名.静态属性 类名.静态方法

6. 静态方法如何调用其他静态成员？ 用 this

7. 静态方法是否可以访问类中原型对象上的方法或对象属性呢，反过来？ 不能 它们是相互独立的。

8. 对象变量是否可以访问静态成员？不能

9. 一个静态方法改变了某个静态属性，其他静态方法或类外部任何地方访问这个属性都会发生改变。

静态属性 和 对象属性【实例属性】是类中的两大成员，对象原型方法

6. 静态成员保存在内存你那里？合适分配的内存空间？

任何一个TS类中的静态成员存储在内存的静态区，运行一个 TS 类，TS首先会为静态成员开辟内存空间，静态成员的内存空间分配的时间要早于对象空间的分配，也就是任何一个对象创建之前 TS 就已经为静态成员分配好了空间。但一个静态方法只会分配一个空间，只要当服务器不重启或控制程序还没有结束之前，静态方法就一直存在内存空间，无论调用多少次，都是调用同一块空间。

总结：

• 无论你是否创建对象，创建多少个对象，是否调用改静态方法或静态属性，ts都会为这个静态方法或静态属性分配内存空间。

• 一旦为静态方法或静态属性分配好空间就会一直存在内存中，直到服务器重启或者控制台程序执行结束才被释放。

任何一个TS类中的静态成员存储在内存的静态去

静态方法的调用 和 对象无关。

[图片上传失败...(image-afc113-1656773555186)]

[图片上传失败...(image-47c098-1656773555186)]

[图片上传失败...(image-7bdc7a-1656773555186)

三、应用·

何时应该定义静态方法、静态属性呢？

[图片上传失败...(image-455404-1656773555186)]

[图片上传失败...(image-10c3bd-1656773555186)]

[图片上传失败...(image-7a10c5-1656773555186)]

这个方法只是被类收集了起来

[图片上传失败...(image-a68d71-1656773555186)]

[图片上传失败...(image-72a3ed-1656773555186)]

[图片上传失败...(image-25a040-1656773555186)]

饿汉单件设计模式

[图片上传失败...(image-a47089-1656773555186)]

[图片上传失败...(image-f1332b-1656773555186)]

四、原理

1. 静态方法或属性在原型对象空间上的方法或属性有什么区别？

原型对象空间上的方法和属性是用来提供给该类的所有对象变量公用的方法或属性，没有对象和对象变量，原型上的属性和方法就没有了用武之地，而静态方法或静态属性属于类，可以通过类来直接访问。

任何一个对象创建之前，TS 就已经为静态成员分配好了空间。但一个静态方法或静态属性只会分配一个空间，而每一个对象都有自己的独立空间。

2. 静态方法内部是否可以接受一个对象变量来作为方法的参数

[图片上传失败...(image-d31c54-1656773555186)]

#继承

一、定义

1. 对象的 prototype 和 constructor都会指向同一个对象空间。

二、应用

1. 原型链继承

Son.prototype = new Parent('王六', 38);

// 从指向自己的原型链空间到指向某一个类的原型链空间。

[图片上传失败...(image-ce3e58-1656773555186)]

继承之后，子类变量对象可以访问父类的实例属性

[图片上传失败...(image-4d8c32-1656773555186)]

原型链继承的完整描述：子对象首先在自己的对象空间中查找要访问的属性和方法，如果找到，就输出。如果没找到就沿着子对象中的 proto属性指向的原型空间中去查找有没有这个属性或方法。 如果找到，就输出，如果没有找到就继续沿着原型对象空间中的 protp 查找上一级原型对象空间中的属性或方法，直到找到Object.prototype 原型对象属性指向的原型对象空间为止，如果再找不到，就输出 null。

2. 原型链继承容易被遗忘的一步

[图片上传失败...(image-844bd0-1656773555186)]

挂载 constructor属性，会通过 son类的对象 或函数原型 prototype 指向原型对象空间。

选型

原理

完整案例

#类型断言

#泛型