13.面向对象 深拷贝实现继承

通过深拷贝实现继承

使用深拷贝实现继承(完美拷贝):
    1.获取父构造函数的实例成员 -> 借用构造函数继承方式
    2.获取父构造函数的原型对象属性和方法 -> 深拷贝

<script>
    // 处理兼容性问题:
        // 1.Array.isArray是否是一个函数
        // 2.如果不是动态给Array添加一个isArray方法
    if (typeof Array.isArray != 'function') {
        Array.isArray = function (obj) {
            return Object.prototype.toString.call(obj) == '[object Array]';
        }
    }
    //    var arr1 = [4,5,6];
    //    console.log(Array.isArray(arr1));
    // 1.提供一函数,这个函数有2个参数,第一个参数为需要拷贝的对象,第二个参数为被拷贝(有值)的对象
    function deepCopy(obj, copyObj) {
        //  2.校验处理,判断这2个参数是否是对象,如果有一个不是,就直接返回false
        if (typeof obj != 'object' || typeof copyObj != 'object') {
            return false;
        }
        // 3.遍历被拷贝的对象中所有的属性
        for (var k in copyObj) {
            // 4.判断是否是实例属性,这里只拷贝实例属性,不拷贝原型属性
            if (copyObj.hasOwnProperty(k)) {
                // 5.取出这个属性对应的值并判断类型
                if (typeof copyObj[k] == 'object') {
                    // 如果是引用类型,给需要拷贝的对象动态添加这个属性,判断这个值是否是数组,如果是数组就赋值一个空数组,如果不是就赋值一个空对象
                    obj[k] = Array.isArray(copyObj[k]) ? [] : {};
                    // 然后再调用这个方法拷贝引用类型里面的内容
                    deepCopy(obj[k], copyObj[k])
                } else { // 值类型数据
                    // 如果是值类型,给需要拷贝的对象动态添加这个属性,并赋值
                    obj[k] = copyObj[k];
//                    obj['name'] = copyObj['name']
//                    obj['age'] = copyObj['age']
                }
            }
        }
    }
    function Person(name) {
        this.name = name;
    }
    Person.prototype.des = 'des';
    function Student(num, name) {
        this.num = num;
        // 借用构造函数继承 | 经典继承 | 伪对象继承
        Person.call(this, name);//---借用父构造函数的实例属性name
    }
    // 采用深拷贝获取父构造函数的原型成员
    deepCopy(Student.prototype, Person.prototype);
    var stu = new Student(110,'zs');
    console.log(stu);//---在这里获取到父构造函数Student 的实例属性 并有值name:zs  num:110
    console.log(stu.des);//des

    Student.prototype.des = 'des-stu';
    var p = new Person('ls');
    console.log(p.des); // des
    console.log(p);//ls


     console.log(stu.constructor);//---指向的是Student函数
    for (var k in Person.prototype) {
        console.log(k);//des
    }
    console.log(Person.prototype);//des
</script>
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容