面向?qū)ο螅?br> 對象：黑盒子 Math（abs random ceil floor） Date Object
蓋樓房：調(diào)用具有某些功能的人來實現(xiàn)某些功能。
對象是一個整體，對外提供一些功能和屬性。
使用對象時只關(guān)注對象的提供的功能，不關(guān)注對象的內(nèi)部實現(xiàn)。
OOP | OO
面向?qū)ο螅?br> 創(chuàng)建者：
使用者：
面向過程：
過程：過程就是面向函數(shù)式編程。function，前面所學的所有的代碼的形式都是面向過程。

面向過程
優(yōu)點：性能比面向?qū)ο蟾?，因為類調(diào)用時需要實例化，開銷比較大，比較消耗資源; 比如單片機、嵌入式開發(fā)、 Linux/Unix等一般采用面向過程開發(fā)，性能是最重要的因素。
缺點：沒有面向?qū)ο笠拙S護、易復(fù)用、易擴展
面向?qū)ο?br> 優(yōu)點：易維護、易復(fù)用、易擴展，由于面向?qū)ο笥蟹庋b、繼承、多態(tài)性的特性，可 以設(shè)計出低耦合的系統(tǒng)，使系統(tǒng) 更加靈活、更加易于維護
缺點：性能比面向過程低

面向?qū)ο蟮奶攸c：（封裝，繼承，多態(tài)）
抽象：就是建模，抓住核心問題。
封裝：
使用者：不必考慮內(nèi)部實現(xiàn)，只考慮內(nèi)部提供的功能。
創(chuàng)建者：考慮好對外提供的功能，實現(xiàn)內(nèi)部的代碼。
繼承：
從已有的對象上繼承出新的對象，新對象具有了老對象的一些功能和特性。
多重繼承：
沙發(fā) 汽車（帶輪子的沙發(fā)）
盒子
汽車 集裝箱貨車
多態(tài)：龍生九子

對象的組成：
屬性：屬于對象的變量
方法：屬于對象的函數(shù)

this： 95%
每一個函數(shù)都具有自己的調(diào)用對象。
函數(shù)的調(diào)用者就是this。
事件：觸發(fā)事件的對象
div.onclick = function(){
alert(this);
};

new : 一個函數(shù)。
1. 創(chuàng)建一個空的對象，賦值給this。
2. 這個函數(shù)內(nèi)部的各種操作
3. 將這個this返回。

Date 時間
Array 數(shù)組
RegExp 正則
Math 數(shù)學

Object 對象 沒有功能
是所有js對象的父級。

原型（prototype）：什么是原型：
一個函數(shù)可以看成一個類，原型是所有類都有的一個屬性，原型的作用就是給這個類的每一個對象都添加一個統(tǒng)一的方法。
原型就是能夠統(tǒng)一的給多個對象添加屬性或者方法。
類： 模板 人類 在JS中一般稱為對象
對象：創(chuàng)建出來的具體的實例 張三 在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>