20

面向对象：
对象：黑盒子 Math（abs random ceil floor） Date Object
盖楼房：调用具有某些功能的人来实现某些功能。
对象是一个整体，对外提供一些功能和属性。
使用对象时只关注对象的提供的功能，不关注对象的内部实现。
OOP | OO
面向对象：
创建者：
使用者：
面向过程：
过程：过程就是面向函数式编程。function，前面所学的所有的代码的形式都是面向过程。

面向过程
优点：性能比面向对象高，因为类调用时需要实例化，开销比较大，比较消耗资源; 比如单片机、嵌入式开发、 Linux/Unix等一般采用面向过程开发，性能是最重要的因素。
缺点：没有面向对象易维护、易复用、易扩展
面向对象
优点：易维护、易复用、易扩展，由于面向对象有封装、继承、多态性的特性，可 以设计出低耦合的系统，使系统 更加灵活、更加易于维护
缺点：性能比面向过程低

面向对象的特点：（封装，继承，多态）
抽象：就是建模，抓住核心问题。
封装：
使用者：不必考虑内部实现，只考虑内部提供的功能。
创建者：考虑好对外提供的功能，实现内部的代码。
继承：
从已有的对象上继承出新的对象，新对象具有了老对象的一些功能和特性。
多重继承：
沙发 汽车（带轮子的沙发）
盒子
汽车 集装箱货车
多态：龙生九子

对象的组成：
属性：属于对象的变量
方法：属于对象的函数

this： 95%
每一个函数都具有自己的调用对象。
函数的调用者就是this。
事件：触发事件的对象
div.onclick = function(){
alert(this);
};

new : 一个函数。
1. 创建一个空的对象，赋值给this。
2. 这个函数内部的各种操作
3. 将这个this返回。

Date 时间
Array 数组
RegExp 正则
Math 数学

Object 对象 没有功能
是所有js对象的父级。

原型（prototype）：什么是原型：
一个函数可以看成一个类，原型是所有类都有的一个属性，原型的作用就是给这个类的每一个对象都添加一个统一的方法。
原型就是能够统一的给多个对象添加属性或者方法。
类： 模板 人类 在JS中一般称为对象
对象：创建出来的具体的实例 张三 在JS中一般称为对象实例

css
.con{
background:red;
}

<div class="con"></div>
<div class="con"></div>
<div class="con"></div>
<div class="con"></div>
<div class="con"></div>
<div class="con"></div>