面向对象基本概念
面向对象 ( Object Oriented )就是把构成问题事务分解成各个对象，建立对象的目的不是为了完成一个步骤，而是为了描述某个事物在整个解决问题的步骤中的行为。简写为：OOP
面向过程基本概念
面向过程(Procedure Oriented)就是分析出解决问题所需要的步骤，然后用函数把这些步骤一步一步实现，使用的时候一个一个依次调用就可以了。简写为：POP
举例理解
大象放冰箱
OOP:
1.创建一个对象为冰箱，并且给予冰箱开门(open)和关门(close)以及放入(push)的属性
2.创建一个对象为大象
3.冰箱.open()
冰箱.push(大象)
冰箱.close()
小结:以冰箱为主视角来进行相应的操作
POP:
1.找个冰箱把冰箱门打开
2.找个大象丢进冰箱里面
3.把冰箱门给关上
小结:并没有固定的主视角，在于我们需要什么就去找什么，或者说需要干什么就去干什么
五子棋
OOP:
1.创建俩个对象，玩家A和玩家B
2.创建一个棋盘，绘制画面
3.创建系统规则，判断输赢
4.第一类对象（玩家对象）负责接受用户输入，并告知第二类对象（棋盘对象）棋子布局的变化，棋盘对象接收到了棋子的变化就要负责在屏幕上面显示出这种变化，同时利用第三类对象（规则系统）来对棋局进行判定。
POP:
1.开始游戏
2.进行下棋
3.绘制画面
4.判断输赢
5.返回步骤2或结束游戏
6.输出游戏结果
面向对象和面向过程优劣分析
面向过程
优点：性能比面向对象好，因为类调用时需要实例化，开销比较大，比较消耗资源
缺点：不易维护、不易复用、不易扩展
面向对象：
优点：易维护、易复用、易扩展，由于面向对象有封装、继承、多态性的特性，可以设计出低耦合的系统，使系统 更加灵活、更加易于维护
缺点：性能比面向过程差
面向对象的三大特性
1、封装
隐藏对象的属性和实现细节，仅对外提供公共访问方式，将变化隔离，便于使用，提高复用性和安全性。
2、继承
提高代码复用性；继承是多态的前提。
3、多态
父类或接口定义的引用变量可以指向子类或具体实现类的实例对象。提高了程序的拓展性。
代码举例
const arr1 = [1, 2, 2, 3, 4, 4, 5, 6]; // 去重
const arr2 = [1, 3, 5, 6]; // 翻转
// OOP
const obj = {
fnFilter: (arr) => {
return arr.filter((item, i) => {
return arr.indexOf(item) === i;
});
},
fnReverse: (arr) => {
return arr.reverse();
},
};
let OOP1 = obj.fnFilter(arr1);
let OOP2 = obj.fnReverse(arr2);
console.log(OOP1, OOP2); // [ 1, 2, 3, 4, 5, 6 ] [ 6, 5, 3, 1 ]
// POP
const fnFilter = (arr) => {
return arr.filter((item, i) => {
return arr.indexOf(item) === i;
});
};
let POP1 = fnFilter(arr1);
const fnReverse = (arr) => {
return arr.reverse();
};
let POP2 = fnReverse(arr2);
console.log(POP1, POP2);// [ 1, 2, 3, 4, 5, 6 ] [ 6, 5, 3, 1 ]
