面向?qū)ο蟮娜筇攸c(diǎn)（封裝，繼承，多態(tài)）缺一不可。通常“基于對(duì)象”是使用對(duì)象，但是無法利用現(xiàn)有的對(duì)象模板產(chǎn)生新的對(duì)象類型，繼而產(chǎn)生新的對(duì)象，也就是說“基于對(duì)象”沒有繼承的特點(diǎn)。而“多態(tài)”表示為運(yùn)行時(shí)類型確定（父類類型的子類對(duì)象實(shí)例），動(dòng)態(tài)綁定執(zhí)行對(duì)象，沒有了繼承的概念也就無從談?wù)摗岸鄳B(tài)”。
示例：繪制一個(gè)圖形，圖形已有為三角形、圓；
Java 示例

// 父類：抽象、封裝
public class  Graph {
 void draw() {
  System.out.println("draw a Graph");
 }
}

// 繼承：子類type1
public class Triangle extends Graph {
 @Override
 void draw() {
  System.out.println("draw a Triangle");
 }
}
 
// 繼承：子類type2
public class Circle extends Graph {
 @Override
 void draw() {
  System.out.println("draw a Circle");
 }
}

// 多態(tài)：運(yùn)行時(shí)類型確定
public class Drawer {
 static void draw(Graph a) {
  a.draw();
}

// 運(yùn)行調(diào)用
public static void main(String args[]) {
  Graph p = new Triangle();
  Drawer.draw(p); // "draw a Triangle"
  p = new Circle();
  Drawer.draw(p); //"draw a Circle"
}

Javascript ES5示例

// 封裝
function Graph(){}
Graph.prototype.draw = function (){
  console.log("draw a Graph");
}
// 原型鏈引用
function Trianggle(){}
Trianggle.prototype = new Graph();
Trianggle.prototype.draw =  function (){
  console.log("draw a Trianggle");
}
// 原型鏈引用
function Circle(){}
Circle.prototype = new Graph();
Circle.prototype.draw =  function (){
  console.log("draw a Circle");
}

// 相對(duì)多態(tài)：無顯示對(duì)象類型
function Drawer(obj){
  obj.draw();
}
// 運(yùn)行時(shí)類型確定
var p = new Trianggle();
Drawer(p);
p = new Circle();
Drawer(p); 

大多面向?qū)ο笳Z言中，面向?qū)ο笠话慊诿嫦颉悺脑O(shè)計(jì)。類是代碼抽象的模式之一：實(shí)例化（instantiation）、繼承（inheritance）、和 （相對(duì)）多態(tài)（polymorphism）。類和實(shí)例的關(guān)系好比房屋建造。建筑師會(huì)繪制建筑藍(lán)圖，建筑工人根據(jù)藍(lán)圖落地成實(shí)際建筑，建筑就是藍(lán)圖的復(fù)制（概念和物理上的復(fù)制）。類就是建筑的抽象，含有一個(gè)建筑的所有特性。實(shí)例就是實(shí)際的建筑，包含了門、窗以及實(shí)際材料、地理位置。類通過復(fù)制操作被實(shí)例化為對(duì)象形式，實(shí)例間無直接關(guān)系。但這無法直接對(duì)應(yīng)到 JavaScript 的實(shí)現(xiàn)機(jī)制，因?yàn)?Javascript 沒有實(shí)質(zhì)類的概念，ES6的 class也是一種語法糖¹。

面向?qū)ο缶幊虖?qiáng)調(diào)的是數(shù)據(jù)和操作數(shù)據(jù)行為的的相互關(guān)聯(lián)，因此最好的設(shè)計(jì)就是把數(shù)據(jù)和它相關(guān)的行為打包（封裝）起來。
封裝（Encapsulation）是指一種將抽象性函數(shù)式接口的實(shí)現(xiàn)細(xì)節(jié)部份包裝、隱藏起來的方法。

(1) 良好的封裝能降低耦合度
(2) 方面數(shù)據(jù)統(tǒng)一管理、對(duì)象內(nèi)部結(jié)構(gòu)靈活修改
(3) 對(duì)其成員有更精確的控制，易于擴(kuò)展
(4) 隱藏實(shí)現(xiàn)信息、細(xì)節(jié)，只暴露需要的 API

(1)工廠模式 - 函數(shù) 【內(nèi)部對(duì)象創(chuàng)建屬性方法并返回對(duì)象，使用this】

 function createPerson(name, age, job){
        var o = new Object();
        o.name = name;
        o.age = age;
        o.job = job;
        o.sayName = function(){
            alert(this.name);
        }
        return o;
 }
var person1 = createPerson(“John”, 18, “Teacher");
var person2 = createPerson(“Greg”, 30, “Doctor”);

(2) 構(gòu)造函數(shù)模式【內(nèi)部 this創(chuàng)建屬性、方法；無 return； 通過改變 this指向創(chuàng)建實(shí)例】

**原生構(gòu)造函數(shù)**：隱式創(chuàng)建對(duì)象，屬性、方法賦值給 this對(duì)象，無 return；

function Person(name, age, job){
    this.name = name;
    this.age = age;
    this.job = job;
    this.sayName = function(){
        alert(this.name);
    }
}
var person1 = new Person(“John”, 18, “Teacher");
var person2 = new Person(“Greg”, 30, “Doctor”);

構(gòu)造函數(shù)： new 顯示創(chuàng)建 對(duì)象

步驟1： 創(chuàng)建一個(gè)新對(duì)象
步驟2：講構(gòu)造函數(shù)的作用是賦值給新對(duì)象 （this 只向新對(duì)象 詞法作用域發(fā)生改變）
步驟3：執(zhí)行構(gòu)造函數(shù)的代碼 （為新對(duì)象 添加屬性 ）
步驟4：返回新對(duì)象

function Person(name, age, job){
   this.name = name;
    this.age = age;
    this.job = job;
    this.sayName = function(){
        alert(this.name);
    }
}

構(gòu)造函數(shù)作為函數(shù)； 問題：作用域改變，每個(gè)傳入的對(duì)象重建一遍；）
var person1 = new Object();

 Person.call( person1, “John”, 18, “Teacher");

var person2 = new Person(“Greg”, 30, “Doctor”);

(3) 原型模式 【原型對(duì)象創(chuàng)建屬性、方法】

   構(gòu)造函數(shù)無傳參， 共享原型對(duì)象的屬性，其中一個(gè)實(shí)例對(duì)原型對(duì)象的引用類型屬性做修改，影響所有其他實(shí)例對(duì)該屬性的使用；
 （* 引用類型屬性受影響  內(nèi)存分配機(jī)制不同引起）

function Person(){}

Person.prototype.name =  "Nicholas";
Person.prototype.age = 27;
Person.prototype.job = "Doctor";
Person.prototype.friends =  ["Lily", "John", "Alex"]
Person.prototype.sayName = function() {
     console.log(this.name);
}
Person.prototype.getFriends = function() {
     console.log(this.friends);
}

 var person1 = new Person();
 person1.name = "person1";

 var person2 = new Person();
 person2.name = "person2";
 person2.sayName();  //“person2"
 person2.getFriends(); // ["Lily", "John", "Alex"]
 person1.friends.push(“Van");
 person1.sayName(); //“person1"
 person2.getFriends();  //["Lily", "John", "Alex", "Van"]

(4) 構(gòu)造函數(shù) & 原型模式結(jié)合 【構(gòu)造函數(shù)獨(dú)立屬性方法，原型對(duì)象創(chuàng)建公用屬性、方法】
好處：構(gòu)造函數(shù)模式 定義實(shí)例個(gè)性化屬性；原型模式定義方法和共享屬性；功能模塊化 職責(zé)單一

function Person(name, age, job){
    this.name = name;
    this.age = age;
    this.job = job;
    this.friends = [‘Lily", "John", "Alex"];
}

Person.prototype ={
    constructor: Person,
      sayName: function(){
         alert(this.name);
     }
}
var person1 = new Person("Nicholas", 29, "Software Engineer");
person1.friends.push("Van");
var person2 = new Person(“Greg", 27, "Doctor");

(5) 動(dòng)態(tài)原型模式 （使用：功能模塊化）【構(gòu)造函數(shù)獨(dú)立屬性方法，原型對(duì)象按需創(chuàng)建公用屬性、方法】

function Person(name, age, job){
    this.name = name;
    this.age = age;
    this.job = job;
    this.friends = [‘Lily’, "John", "Alex"]；
    
    if(typeof this.sayName != ‘function’){
            Person.prototype.sayName = function(){
                    alert(this.name);
            };
    }
}

(6) 寄生構(gòu)造函數(shù)模式 -【 已有對(duì)象擴(kuò)展 - 原型鏈 】 （使用：第三方庫擴(kuò)展 ）

   1.寫法上和工廠模式一樣 調(diào)用時(shí)多加 new  
   2.此模式創(chuàng)建的對(duì)象 與構(gòu)造函數(shù)無關(guān)系， instanceof操作符無意義

function  Person(name, age, job){
    var o = new Object();
    o.name = name;
    o.age = age;
    o.job = job;
    o.sayName = function(){
        alert(this.name);
    }
    return o;
}
 // 工廠模式
// var person1 =  Person(“John”, 18, “Teacher”);
// 寄生模式
 var friend  =  new Person(“John”, 18, “Teacher”); // 返回新對(duì)象的實(shí)例

(7) 穩(wěn)妥模式 【 內(nèi)部建對(duì)象不用 this 閉包 - 詞法作用域 】（穩(wěn)妥對(duì)象-無公共屬性，方法不引用 this）(使用：適用于安全環(huán)境 - 禁用 this 和 new)

 1.寫法上和寄生模式類似 ， 除方法不使用 this  
 2.此模式創(chuàng)建的對(duì)象 與構(gòu)造函數(shù)無關(guān)系， instanceof操作符無意義

function  Person(name, age, job){
    var o = new Object();
    o.name = name;
    o.age = age;
    o.job = job;
    o.sayName = function(){
        alert(name); //無 this
    }
    return o;
}
var friend = Person(“John”, 18, “Teacher”); //無 new