ECMAScript 有两种开发模式：1.函数式(过程化)，2.面向对象(OOP)，本文先来了解面向对象编程，首先我们先来看一下，什么是面向对象？
面向对象(Object Oriented)是软件开发方法，一种编程范式，是一种对现实世界理解和抽象的方法，是计算机编程技术发展到一定阶段后的产物。
面向对象程序设计(Object Oriented Programming)本质是以建立模型体现出来的抽象思维过程和面向对象的方法。面向对象方法，则是把相关的数据和方法组织为一个整体来看待。
js是一种面向对象的编程方式，可以通过构造、继承等方法创建对象概念，扩展对象的属性和行为(方法)，从而封装一个抽象类。
js没有真正的类，ES6中引入类class的概念，作为对象的模板被引入，可以通过 class 关键字定义类，其本质是Function，是函数式编程的最直接体现方式。
面向对象编程的基本特征如下
那我们如何创建对象，进而扩展属性和方法(行为)，对象实例化(封装)方式有哪些？
一、原始模式
var oop = { name: " I'm OOP", description: "primitive"}
var oop2 = {}
oop2.name = " I'm OOP2"
oop2.description = "primitiveSecond"
这种方式存在两个缺点：
1、需要创建多个实例，单一赋值，消耗内存
2、实例和原型之间没有公用方法，看不出内在联系
二、定义函数，对原始模式进行改进
function Obj(a, b) {
return {
name: a,
description: b
}
}
//实例化const
person1 = Obj('dynic', "I'm person")
const person2 = Obj('yandong', "I'm god")
缺点: person1 和person2没有任何关联关系，不能反映出他们是同一个原型的实例对象
三、工厂模式定义对象
function createObj(a, b){ //对象工厂
let obj = new Object; // obj = {} // 原材料阶段
obj.name = a; //加工
obj.description = b; //加工
return obj; //输出产品
}
// 实例化
const person1 = createObj('dynic', "I'm person");
const person2 = createObj('yandong', "I'm god");
缺点：工厂模式可以创建多个相似的对象，但是却没有解决对象的识别问题，无法区分对象类型。
四、构造函数
function CreateObj(a, b){
this.name = a;
this.description = b;
}
//实例化const
person1 = new CreateObj('dynic', "I'm person");
const person2 = new CreateObj('yandong', "I'm god");
”构造函数”，其实就是一个普通函数，在内部使用了this变量。也可以理解为：构造函数就是类，person1， person2其实就是createObj类的实例对象。
加new执行的函数构造内部变化：自动生成一个对象，this指向这个新创建的对象，函数自动返回这个新创建的对象。
function CreateObj(a, b{
this.name = a;
this.description = b;
this.sex='male';
this.address = () => {console.log('address')}
}
//实例化
const person1 = new CreateObj('dynic', "I'm person");
const person2 = new CreateObj('yandong', "I'm god");
对于每一个实例对象，sex属性和address()方法都是一模一样的内容，每一次生成一个实例，都必须为重复的内容，多占用一些内存。这样既不环保，也缺乏效率。
缺点：浪费内存，容易造成内存泄漏。
五： 原型创建方式 -- Prototype 原型
Javascript规定，每一个构造函数都有一个prototype属性，指向另一个对象。这个对象的所有属性和方法，都会被构造函数的实例继承。这意味着，我们可以把那些不变的属性和方法，直接定义在prototype对象上。__proto__是原型链，指向实例化的函数原型。
function CreateObj(a, b){
this.name = a;
this.description = b;
}
CreateObj.prototype.sex = 'male'
CreateObj.prototype.address = () => {console.log('address')}
// 实例化
const person1 = new CreateObj('dynic', "I'm person");
const person2 = new CreateObj('yandong', "I'm god");
所有实例的sex属性和address()方法，其实都是同一个内存地址，指向prototype对象，减少内存占用，提高了运行效率。
六：Prototype模式的验证方法
为了配合prototype属性，Javascript定义了一些辅助方法，帮助我们使用它。
hasOwnProperty() -- 查看该属性是否在这个对象本身上，只有在自身属性上才会返回真，在原型链上会返回假
person1.hasOwnProperty('name') // true
person1.hasOwnProperty('sex')) // false
isPrototypeOf()-- 查看某个proptotype对象和某个实例之间的关系。
createObj.isPrototypeOf('person1') // true
createObj.hasOwnProperty('person2') // true
了解了对象的创建方法，我们一起来看看对象和函数之间的关系
对象是由函数构造出来的，Object是Function构造出来的实例
Object.constructor == Function; // true constructor构造器
函数是Function 的实例，但不是Object 的实例
Function.constructor === Function // true
Function.constructor === Object // false
实例对象不可访问类中的静态方法和静态属性
function CreateObj(a){
this.name = a;
this.address = () => {console.log('address')};
}
CreateObj.sex = 'male'; //静态属性
CreateObj.getSex = function(){ //静态方法console.log('male')}
//实例化
var person1 = new CreateObj('dynic');
console.log(person1.sex) //undefined
console.log(person1.getSex()) //VM443:11 Uncaught TypeError: person1.getSex is not a function
讲完面向对象的封装，我们一起来看一下多态。
同一个方法(类), 面对不同的对象有不同的表现形式就叫做多态。
function createObj(a){
if(a instanceof gender) { console.log("I'm a boy")
} else { console.log("I'm a girl") }
}
function gender() {}
function female() {}
createObj(new gender()) //I'm a boy
createObj(new female()) //I'm a girl
这种方法的封装有很大的局限性，比如我新增新人类、无性别人士、跨性别人士，则需要改动createObj方法以扩展对新对象的兼容。可以通过重写子类来重新定义父类方法。
function createObj(a){
a.print()
}
function gender(){}
gender.prototype.print = function () { console.log("I'm a new boy")}
function female() {}
female.prototype.print = function () { console.log("I'm a new girl")}
createObj(new gender()) //I'm a new boy
createObj(new female()) //I'm a new girl
重载是指多个同名但参数不同的方法，大家感兴趣的可以自己尝试重载扩展对象属性/方法。
"多态"的思想把不变的部分隔离出来，把可变的部分封装起来，这给予我们扩展程序的能力，相对于修改代码，仅仅增加代码就能完成相同的功能，这样优雅和安全很多。
关于继承，后面会单独抽出一篇文章进行讲解。面向对象的部分，我们就讲这些，感兴趣的小伙伴可以自行查阅资料扩展。下一篇文章，我们将来学一下js中常用的数据结构和数据类型, 敬请期待。
