面向对象

面向对象

首先要明确：JS中全是面向对象。

那么常见的函数，对象，框架，之间区别与联系怎么理解呢？
简单的讲，

• 函数：工具
• 对象：工具包
• 框架： 多个工具包

对象的创建

常见的有两种方法
字面量方式创建对象
谈起字面量就不得不提, json(json基于xml演化而来)
json: 不是一种语言，理解为一种标准更加准确。（数据传输通用协议）
字面量其实是原型对象的一个实例。
json协议与JS对象字面量十分相似。

相较于xml(更通用同国际化) 对前端而言json 用的更多。
二者区别在于：
JSON数据体积小，传输速度快。
JSON可以和JS对象互换 ， 和JS一起使用更加便捷。
JSON可以理解为电脑的USB接口，不同厂商统一标准，方便前后台对接。
构造函数方式创建对象

面向对象的作用：

1. 面向对象编程：单一职责原则，易于发现问题和解耦合。

2. 描述数据：json-ajax 交互，与后台交互。

3. 框架，各类框架基于面向对象的思想。

JS对象由两个对象组成：

1. 构造函数对象
2. 原型对象 //与生俱来，对象声明时自动生成

构造函数：
对象本身就是一个函数
用于创建对象的函数叫做构造函数。

一切数据通过变量管理。定义变量的过程就是内存分配的过程。本质上一切数据都是放在内存中的。
instanceof: eg: if(p1 instanceof Product) 判断实例是否根据构造函数创建

双对象法则：
原型对象：只分配一次内存。其属性与方法可以被所有实例共享。只占一片内存空间。
通过原型创建对象实际创建两个对象：

• 构造函数对象：实例化时自动拷贝构造函数的所有属性与方法
• 原型对象： 函数名. prototype

任何实例都隐藏两个属性：

• constructor: 值为构造函数
• prototype：铁链一样将实例与原型链接在一起。实例.prototype->原型对象
  （属性访问搜索法则：首先遍历自身属性（从构造函数拷贝的属性）找不到则找原型对象中的属性）

属性屏蔽：相同的属性，以构造函数为准（优先级）
实例化：就是将构造函数的属性拷贝一份，同时在内存中开辟一段新的区域保存这些值。
任何变量都会占内存，指针：指向内存中的某块区域（地址）
对象在内存中的存储：占两块区域：一块存储变量名称（地址）另一块存储实例真正的值。
实例名称中保存的只是地址，具体内容放在另一块区域。
constructor：构造函数的一个隐藏属性，用于检测某个实例的构造函数是哪个。
为什么实例中要含有constructor?
实例中的属性都拷贝自构造函数，而constructor是构造函数的一个属性。

Function对象

constructor属性其实就是function对象的一个属性而已。
为什么会有prototype和constructor？
任何我们编写的函数实际上都是function对象的实例。任何一个对象都是函数实现的。则对象也是function函数的一个实例，所以构造函数中含有function对象中的一切属性和方法。
而constructor和prototype属性也是function对象中的属性之一。实例化又会拷贝构造函数中的属性和方法，自然有了constructor和prototype。
prototype保存的是一个地址，将实例和对象联系在一起。
属性搜索机制的本质：通过prototype属性中保存的地址链接原型。

call
借用其他对象的方法，而不用拷贝。
eg: 购物车相关方法->购物车
产品相关方法->产品
如果直接拷贝购物车的方法到产品中来（重复）
call借用一下，还可以传参。call可以修改指针，更改this的指向指向自身。
call可以将伪数组（含有length属性的Json对象，不是真数组，没有数组好，key都是1,2,3,4，）
伪数组的存在意义是什么？
eg: Arguments/document.getElementsByTagName();

Apply
function对象的属性与方法，其功能与call一毛一样
call的传参是平铺的。apply的传参是数组，但使用的时候是把数组拆开的。优点是能接受不定参数。

Object对象

Object对象是function对象的一个实例。
Object的–proto–属性指向的是function对象的原型。
即Object.–proto– == Function.prototype
Object.prototype 要是对象。
再次重申：所有内置对象都是Function对象的实例。
Object/Array/Date/Number.–proto–==Function.prototype
而Function.prototype.–proto– == Object.prototype
Object.prototype.–proto– == null; // 鼻祖
arr.–proto– = Array.prototype;

最后阐述一下面向对象的特征
封装，继承，多态
多态：不同的状态，比如P2P ,O2O,C2C,B2C都是购买，购买的方式不同。

继承：所谓继承，即拥有父亲的特性，可访问父类的属性与方法。
同时也拥有自己的特性，可以定义自己的属性和方法。

继承的本质：原型链， 万物继承自Object

补充：

关于类：
讲了那么多，好像面向对象及原型链都没提类这个玩意儿嘛。
虽然明白，类就像是人类，对象就像是女人，男人，老人，小孩，实例就像是女人张珊，男人王五，老人赵四，可是类有啥用呢？
类: 在JS中，类的实现是基于起原型的继承机制的。如果两个实例都从一个原型对象上继承了属性，我们就说它们是一个类的实例。类的所有实例对象都从一个原型对象上继承属性。因此，原型对象是类的核心。