面向对象（三）——非构造函数继承

1.使用object方法

json格式的发明人Douglas Crockford，提出了一个object()函数，可以做到这一点

var parentFn = {
    name: "小明"
}
function object(p){
    function c(){}
    c.prototype = p;
    return new c();
}
var children = object(parentFn);
children.age = "18"
console.log(children.name) // 小明

2.浅拷贝

var parentFn = {
    name: "小明"
}
function extendCopy(p){
    var c = {};
    for(var i in p){
        c[i] = p[i];
    }
    c.uber = p;
    return c;
}
var children = extendCopy(parentFn);
children.age = "16";
console.log(children.name) // 小明

但是这种方法有个问题，就是不能复制数组和对象

var parentFn = {
    name: "小明"
}
function extendCopy(p){
    var c = {};
    for(var i in p){
        c[i] = p[i];
    }
    c.uber = p;
    return c;
}
parentFn.city = ["北京","上海"];
var children = extendCopy(parentFn);
children.city.push("深圳");
console.log(children.city) // ["北京","上海","深圳"]
console.log(parentFn.city) // ["北京","上海","深圳"]

这样会使得父级的数组也改变，所以该方法并不能复制数组和对象

3.深拷贝

该方法是jquery中使用的复制属性方法

var parentFn = {
    name: "小明"
}
var children = {
    age: "16"
}
function deepCopy(p, c) {
    var c = c || {};
    for (var i in p) {
        if (typeof p[i] === 'object') {
            c[i] = (p[i].constructor === Array) ? [] : {};
            deepCopy(p[i], c[i]);
        } else {
            c[i] = p[i];
        }
    }
    return c;
}
parentFn.city = ["北京","上海"];
var children = deepCopy(parentFn,children);
children.city.push("深圳")
console.log(parentFn) // ["北京","上海"]
console.log(children) // ["北京","上海","深圳"]