js : 面向对象设计模式（单例模式-工厂模式-构造函数模式-原型模式）

对象的 2 大特征

1. 属性
2. 方法

面向对象的特点

• 封装：低耦合高内聚，即：同样的功能，只需要写一次，把它封装起来，以后再遇到类似的功能，只要调用即可，可以避免大量冗余代码
• 继承：子类继承父类的属性和方法
• 多态：包含重载和重写
  • 重载：JS中没有严格意义上的重载，但是有类似重载的功能，就是传不同的参数可以实现不同的需求
  • 重写：子类可以重写父类的属性和方法

面向对象设计思想

单例模式

• 把描述同一对象的属性和方法，都放在同一个命名空间下
  • 本质上就是对象 {}
  • 模块化开发思想：对于一个大型项目，我们会分配各不同的前端人员一起开发，各自负责各自的模块，等开发完成的时候，进行代码合并
  • 单例模式在开发中
    • 不同模块之间的相互调用：对象.属性名
    • 同一模块之间的相互调用：this.属性名
  • 优点
    • 最常用最简单的开发模式
    • 避免全局变量的冲突
    • 可以模块之间的互相调用
  • 缺点
    • 当对象特别多，每个对象都有类似的属性和方法，会造成大量的冗余代码
      • 解决办法：工厂模式

工厂模式

• 本质上：就是普通的函数封装

 // new person()
 function person(name,age){
   // 1) 创建一个空对象
   var obj = {};
   // 2) 加工对象：本质上就是给对象添加属性和方法
   obj.name = name;
   obj.age = age;
   obj.showName = function(){
     // 当元素身上的事件被触发的时候，会执行一个函数，函数中的this指向当前的这个元素
     alert('我的名字是'+this.name);
   }
   // 3) 返回对象
   return obj；
 }

• 工厂长模式主要包含 3 步
  1. 引进原材料 -> 创建一个空对象 var obj={}
  2. 加工原材料 -> 给对象添加属性和方法
  3. 输出产成品 -> 返回对象
• 优点：避免大量冗余的代码，提高开发效率
• 不足点：长得跟系统方法不一样
  • 首字母小写，系统大写
  • 没有new
  • 解决方法：构造函数模式

构造函数模式

• 构造函数和工厂模式的区别
  • 从函数内在的区别
    • 工厂模式有三步：1） 创建一个空对象 2）给对象添加属性和方法 3） 返回对象
    • 构造函数只有 一 步： 给对象添加函数和方法，因为系统会自动给构造函数创建一个对象this，并自动返回
  • 从函数调用的却别
    • 构造函数，首字母大写，而工厂模式是首字母小写
    • 构造函数有new，工厂模式没有new
• 关于构造函数需要注意点
  • 构造函数中的this，指向实例
  • 构造函数中系统会自动帮我们返回对象，所以，不要自己返回，否则，对象上没有我们添加的属性和方法
  • 构造函数属性和方法都是私有的
  • 构造函数中new出来的都是实例，也都是对象
• 构造函数的不足点
  • 对于同一个功能，每创建一个实例，这个功能都是私有的方法，如果创建很多实例，就会造成内存占用
    • 解决方法：原型模式

原型模式

• 每个函数数据类型(类，普通函数)，都有一个属性prototype
• prototype 是个对象，这个对象存放公有的属性和方法，它天生自带一个属性constructor，执行当前所属的类
• 每个对象数据类型(Object,prototype,实例)，都有一个属性proto,它指向当前实例所属类的原型
• 原型模式主要掌握：1） 类 2）实例 3） prototype

原型链

• 我们查找"对象.属性名"的时候
  • 先从实例的私有属性开始查找，如果找到，说明该属性是私有属性
  • 如果没有找到，通过proto，去当前实例所属的类的原型上进行查找，找到，说明是共有属性
  • 如果没有找到，继续通过proto往上找，一直找到Object.prototype上还没有的话，undefined！