对象的 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 步
- 引进原材料 -> 创建一个空对象 var obj={}
- 加工原材料 -> 给对象添加属性和方法
- 输出产成品 -> 返回对象
- 优点：避免大量冗余的代码，提高开发效率
- 不足点：长得跟系统方法不一样
- 首字母小写，系统大写
- 没有new
- 解决方法：构造函数模式
构造函数模式
- 构造函数和工厂模式的区别
- 从函数内在的区别
- 工厂模式有三步：1） 创建一个空对象 2）给对象添加属性和方法 3） 返回对象
- 构造函数只有 一 步： 给对象添加函数和方法，因为系统会自动给构造函数创建一个对象this，并自动返回
- 从函数调用的却别
- 构造函数，首字母大写，而工厂模式是首字母小写
- 构造函数有new，工厂模式没有new
- 关于构造函数需要注意点
- 构造函数中的this，指向实例
- 构造函数中系统会自动帮我们返回对象，所以，不要自己返回，否则，对象上没有我们添加的属性和方法
- 构造函数属性和方法都是私有的
- 构造函数中new出来的都是实例，也都是对象
- 构造函数的不足点
- 对于同一个功能，每创建一个实例，这个功能都是私有的方法，如果创建很多实例，就会造成内存占用
原型模式
- 每个函数数据类型(类，普通函数)，都有一个属性prototype
- prototype 是个对象，这个对象存放公有的属性和方法，它天生自带一个属性constructor，执行当前所属的类
- 每个对象数据类型(Object,prototype,实例)，都有一个属性proto,它指向当前实例所属类的原型
- 原型模式主要掌握：1） 类 2）实例 3） prototype
原型链
- 我们查找"对象.属性名"的时候
- 先从实例的私有属性开始查找，如果找到，说明该属性是私有属性
- 如果没有找到，通过proto，去当前实例所属的类的原型上进行查找，找到，说明是共有属性
- 如果没有找到，继续通过proto往上找，一直找到Object.prototype上还没有的话，undefined！
