美文网首页
13.面向对象 深拷贝实现继承

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

作者: 康轩 | 来源:发表于2017-06-19 17:02 被阅读0次

通过深拷贝实现继承

使用深拷贝实现继承(完美拷贝):
    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>

相关文章

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

    通过深拷贝实现继承

  • 浅拷贝和深拷贝与(基本复杂类型)数组去重

    对象浅拷贝和深拷贝 //浅拷贝 //深拷贝 所有继承了 Object 的对象都会继承到 hasOwnPropert...

  • 关于继承

    继承的实现方法 属性拷贝 浅拷贝 深拷贝 原型继承 原型式继承 原型链继承 组合继承(深拷贝+优化后的原型式继承)...

  • js的继承

    面向对象的继承方式有很多种,原型链继承、借用构造函数继承、组合继承、原型式继承、寄生式继承、寄生式组合继承、深拷贝...

  • JS深拷贝的实现方法

    1、使用递归的方式实现深拷贝 2、通过 JSON 对象实现深拷贝 注意:JSON对象实现深拷贝无法实现对对象中方法...

  • Web前端------JS高级继承的实现方式

    原型实现继承 借用构造函数实现继承 组合继承 拷贝继承 继承总结 浅拷贝 深拷贝 欢迎关注我的个人微信公众号,免费...

  • 五、面试总结(五)

    对象 拷贝(clone) 如何实现对象克隆 深拷贝和浅拷贝区别 深拷贝和浅拷贝如何实现激活机制 写clone()方...

  • Web前端经典面试试题及答案2

    javascript面向对象中继承实现? 面向对象的基本特征有:封闭、继承、多态。在JavaScript中实现继承...

  • 实现深拷贝的几种方法(JS)

    使用递归 通过 JSON 对象实现深拷贝 lodash函数库实现深拷贝

  • js公共函数总结

    字节大小转换 Object 对象的深度克隆(深拷贝) 时间格式化 js利用空对象作为中介实现继承 需求:get请求...

网友评论

      本文标题:13.面向对象 深拷贝实现继承

      本文链接:https://www.haomeiwen.com/subject/tgxnqxtx.html