面向对象（oop）

面向对象

<b>干嘛的：</b> 写框架的（库，插件，引擎)
<b>前端成长线路：</b>要往更高端的领域进步
div+css布局-->js效果-->运动-->数据交互-->性能-->oop--->数据结构算法

---

<b>什么是OOP:</b>
d.getFullYear()/.....
$.trim()/jqObj.css/addClass()/.....
**其实一直在用，只不过不管内部实现原理,为了提高生产效率

属性: 属性就是变量，只不过属于某个对象
    *** 全局变量其实是window对象身上的属性
方法:   方法就是函数，只不过属于某个对象
    arr.push  是个属性,只不过push存的是函数
    arr.push()可以调用

<b>关于this: </b>
定义: 当前发生事件的对象(你点到的)
强化: 当前的方法属于谁,谁用就是谁
*** 事件，本质上也是方法（由浏览器负责调用）
而show/push 由你手工调用

<b>window:</b>
全局的函数(方法)是属于window的
局部的函数(方法)“谁都不属于的”
<b>创建对象:</b>
new Object ~~ {}

<b> 工厂模式(方法):</b>
原料-->加工-->出厂
使用: 函数() == 普通函数

<b> 构造模式::</b>
无需(原料)new一个object,无需(出厂)return 了
帮你new了一个object ,并执向this
var this = new Object(); 比喻
使用：new 构造函数();
<b> new:</b>
创建了对象，把返回的对象(object),指向了this
替我们返回this(o o)
new 就干着两件事，多了没有
造成的结果：修改了this的指向(oo),修改了返回值(oo)

<b>原型：</b>
原型并不会给每个对象加东西,用的时候，先找对象要，没有再找原型
自个写的对象和系统对象都有原型

<b> 原型访问: </b>返回就是一个 o o
构造函数.prototype
Array.prototype
Date.prototype
Person.protype

构造函数(类) 对象（实例）    原型
    Array           arr             Array.prototype
    Date            d               Date.prototype
    Person          p1              Person.prototype

<b> oop写页面：</b>一般不用oop写页面，这里只不过为了熟悉oop
属性（变量）写在构造函数里
方法(函数)写在原型上(不含事件)
流程: 写构造-->写原型-->new 构造函数()

<b>call:</b>
函数.call() 函数调用
函数.call(目标) 函数里面的this别修改成了目标
函数.call(目标,12,5) --> 函数(a,b) a=12 b=5
<b>apply:</b>
函数.apply() 函数调用
函数.apply(目标) 函数里面的this别修改成了目标
函数.apply(目标,[12,5]) --> 函数(a,b) a=12 b=5

<b>继承：</b>
子承父业，父级有的东西，子级也会有
原型链:
子有，用子，没有，向父要，往上找
typeof:
判断数据类型
问题: 没法精确判断复合数据类型
instanceof:
用法: 对象 instanceof 类
判断对象是不是类的一个实例 true/false
问题： 会检测父类
constructor:
用法: 对象.constructor 返回 构造函数本身

js诡异之处：

    12 instanceof Object  false     基本类型不是object
    new Number()/new String()...    包装类型 返回 o o
    object是所有对象的根,但 也还是个函数
    object 和function    是“平级” 

---

为什么要继承：为了写框架方便，减少重复代码
继承父级什么：属性:，方法
    属性: 需要调用父级构造函数
            父构造.call(this,参数)   构造函数伪装
    方法：
        a)  子构造.prototype=父构造.prototype;    引用
            问题：修改了子，影响父，
        b)  循环赋值
            for(var key in 父构造.prototype){
                子构造.prototype[key]=父构造.prototype[key];
            }
            问题：instatnceof 检测父类失败
        c)  子构造.prototype=new 父构造()
            问题：constructor废了
            解决：子构造.prototype.constructor=子构造;