面向对象-非构造函数的继承

1.最近一直再看javascript高级程序设计3，面向对象章节，前面写了两篇读书笔记

（1）构造函数 --建立对象
（2）构造函数的原型链继承
如今又在网上看到阮一峰大大的一篇非构造函数继承的文章，特地借来学习一下！

非构造函数继承--阮一峰

一：什么是非构造函数的继承？
    好比：一个对象叫作中国人
        一个对象叫作医生

var Chinese = {
    nation:"中国"
}
var doctor = {
    career:"医生"
}

怎样才能让“医生”去继承“中国人”，也就是说，我怎样才能生成一个“中国医生”的对象？
这里注意。这两个都是用字面量方法建立的普通对象，不是构造函数没法使用构造函数的原型链继承的方法的实现继承。

第一种：object方法

json格式发明人提出的一种方法

function object(o){
    function F(){};    // 建立一个空构造函数
    F.prototype = o;   // 原型对象指向父对象
    return new F();
}

这个object函数的做用就是将子对象的prototype属性指向父对象，从而使的父子对象连在一块儿

（1）使用时先在父对象基础声称子对象

var Doctor = object(Chinese);

（2）而后给自对象赋上本身的属性

var Doctor.carrer = "医生";

（3）这样子对象就继承了父对象的属性了

alert(Doctor.nation);  // "医生"

第二种：浅拷贝

除了使用“prototype”链之外，还有另外一种思路：就是把父对象的属性，所有拷贝给子对象，也能实现继承。
下面这个函数，就是在作拷贝：

function extendCoby(p){
    var c = {};
    for(var i in p){
        c[i] = p[i];
    }
    c.uber = p; // 软大大：uber是一个德语词，意思是"向上"、"上一层"
    return c;
}

使用的时候，这样写
var Doctor = extend(Chinese);
Doctor.carrer = "医生";
alert(Doctor.nation);  // 中国

可是这样的拷贝有一个问题。那就是，若是父对象的属性等于数组或另外一个对象，那么实际上，子对象得到的只是一个内存地址，而不是真正的拷贝，所以存在父对象被篡改的可能。

请看如今给Chinese添加一个出生地属性，它的值是一个数组。

Chinese.birthPlace = ['北京','上海','香港'];

经过extendCopy()函数，Docttor继承了Chinese

var Doctor = extendCopy(Chinese);

而后咱们为出生地添加一个城市：

Doctor.birthPlace.push("厦门");

此时，发生了什么事？

alert(Doctor.birthPlace);   // 北京，上海，香港，厦门
alert(Chinese.birthPlace); //  北京，上海，香港，厦门

因此，extendCopy()只是拷贝基本数据类型，咱们把这种拷贝叫作浅拷贝。
这是早期的jquery实现继承的方式

第三种 深拷贝

所谓深拷贝，就是可以真正意义上的数组和对象的拷贝。
它的实现并不难，只要递归调用浅拷贝就能够啦

function deepCopy(p,c){ //参数p，c顺序万不可写反，由于第一次c为空
    var c = c || {};   // 第一次执行函数的时候 c为 空对象
    for(var i in p){
        if(typeof p[i] === 'object'){ // 判断对象p的一个属性值是否为复杂数据类型object或array
            // [] 或 {} 判断
            c[i] = (p[i].constructor === Array) ? [] : {};
            deepCopy(p[i],c[i]);         // 递归调用此方法
        }else{
            c[i] = p[i];                //简单数据类型直接赋值
        }
    }
    return c;                          // 将新对象c返回出来
}
var Chinese = {
    nation:"中国",
    place:["A","B","C"],
    say:function(){
        alert(this.nation);
    }
}
var Doctor = deepCopy(Chinese); // 调用deepCopy建立新对象
Doctor.carrer = "医生";
Doctor.place.push("X");
console.log(Doctor);
console.log(Chinese);

此方法是目前jq实现集成的方法

感悟：我的感受此方法只适用简单方法，不适合复杂对象，复杂对象仍是得靠构造函数原型链的继承！