每天10个前端知识点：面向对象(中)

个人博客已上线，欢迎前去访问评论！
无媛无故 - wangchloe的个人博客

---

以下内容若有问题烦请即时告知我予以修改，以免误导更多人。

---

4. 创建对象

这里先提一下23种设计模式：

• 创建型模式(5种)

  • 工厂方法模式
  • 抽象工厂模式
  • 单例模式
  • 建造者模式
  • 原型模式

• 结构型模式(7种)

  • 适配器模式
  • 装饰器模式
  • 代理模式
  • 外观模式
  • 桥接模式
  • 组合模式
  • 享元模式

• 行为型模式(11种)

  • 策略模式
  • 模板方法模式
  • 观察者模式
  • 迭代子模式
  • 责任链模式
  • 命令模式
  • 备忘录模式
  • 状态模式
  • 访问者模式
  • 中介者模式
  • 解释器模式

(1) 工厂模式

(2) 单例模式

需要重新指定父级

这个例子有点问题，等我找到合适的补上，或者评论区留言给我。

关于单例模式.png

javascript 单例模式 - 长江之水向西流 - 博客频道 - CSDN.NET

(3) 构造函数模式

构造函数函数名首字母大写 -> 区分普通函数

以这种方式定义的构造函数是定义在Global对象(浏览器中为window对象)中的。

(4) 原型模式

重写prototype将导致实例的constructor转向

(5) 构造+原型

原型模式的问题

改为 构造+原型

1. 构造定义实例属性

2. 原型定义方法及共享属性

5. 原型与原型链

关于原型

1. 对象有属性_proto__(隐式原型)，指向该对象的构造函数的原型对象。（不要忘记万物皆对象）
2. 方法(也是对象)除了有属性__proto__，还有属性prototype，prototype指向该方法的原型对象。
3. 原型对象还有属性constructor，指向原构造函数。

关于原型链

• 只要创建一个新函数(CreateObject)，都会附带一个prototype属性，并指向函数的原型对象(CreateObject.prototype)。
  CreateObject.prototype -> CreateObject.prototype

• 所有原型对象(CreateObject.prototype)都附带一个constructor(构造函数)属性，并指向prototype属性所在函数的指针(CreateObject)。
  CreateObject.prototype.constructor -> CreateObject

• 调用构造函数创建的实例(p)，内部将包含指针proto，并指向构造函数的原型对象(CreateObject.prototype)。
  p._proto_ -> CreateObject.prototype
CreateObject._proto_ -> Function.prototype
Function.prototype._proto_ -> Object.prototype
CreateObject.prototype._proto_ -> Object.prototype
Object.prototype._proto_ -> null

_proto_ && prototype && constructor

6. 原型应用

(1) 数组arr.indexOf()兼容问题

*兼容：高级浏览器
IE8- -> 报错

兼容写法

(2) 字符串str.trim()兼容问题

*兼容：高级浏览器
IE8- -> 报错

兼容写法

---

更多内容可以订阅本人微信公众号，一起开启前端小白进阶的世界！

公众号是坚持日更的，不发文的时候推送一些我觉得好用的前端网站或者看到的一些问题的解决方案，也更便于大家交流，就酱。

微信公众号：无媛无故