什么是面向对象的继承?

继承:子类不影响父类,子类可以继承父类的一些功能 ( 代码复用 )
属性的继承 : 调用父类的构造函数 采用call修改this指向

<script>
        function CreatePerson(name,sex) { //父类
            this.name = name;
            this.sex = sex;
        }
        CreatePerson.prototype.showName = function() {
            alert( this.name );
        };
        var p1 = new CreatePerson('小明','男');
        p1.showName(); //小明

        function CreateStar(name,sex,job){ //子类
            CreatePerson.call(this,name,sex); //在此调用父类,继承父类属性,函数前面没有调用的东西,所有this是window,所以要用call修改this指向为p2
            this.job = job;
        }
        var p2 = new CreateStar('黄晓明','男','演员');
        p2.showName(); //黄晓明
</script>

方法的继承:

<script>
        function CreatePerson(name,sex) { //父类
            this.name = name;
            this.sex = sex;
        }
        CreatePerson.prototype.showName = function() {
            alert( this.name );
        };
        var p1 = new CreatePerson('小明','男');
        p1.showName();

        function CreateStar(name,sex,job){ //子类
            CreatePerson.call(this,name,sex); 
            this.job = job;
        }

        //方法的继承
        CreateStar.prototype = CreatePerson.prototype;
        // 父类的原型赋给子类的原型
        // 父类的原型其实是个对象,把一个对象直接赋给另外一个对象,那么另外一个对象(子类对象)就拥有量父类对象的属性
        var p2 = new CreateStar('黄晓明','男','演员');
        p2.showName(); //黄晓明
</script>

把一个原型对象赋值给另外一个对象,是对象赋值给对象;这样的话就出现了对象的引用,
对象的引用会造成它们的地址在内存的同一个地址上,这样的话不论是父类对象还是子类对象任何一个对象被修改了,都会影响到其他的对象

那么如何做到对象之间相互不影响呢?
这就涉及到如何对对象进行复制而不是引用

请参考面向对象的拷贝继承http://blog.csdn.net/xyphf/article/details/77430797

        function CreatePerson(name,sex) { //父类
            this.name = name;
            this.sex = sex;
        }
        CreatePerson.prototype.showName = function() {
            alert( this.name );
        };
        var p1 = new CreatePerson('小明','男');
        p1.showName();

        function CreateStar(name,sex,job){ //子类
            CreatePerson.call(this,name,sex); 
            this.job = job;
        }

        extend( CreateStar.prototype,CreatePerson.prototype );

        var p2 = new CreateStar('黄晓明','男','演员');
        p2.showName(); //黄晓明

        function extend(obj1,obj2) {
            for(var attr in obj2){
                obj1[attr] = obj2[attr];
            }
        }

大家有可能觉得函数是对象类型,那么为什么函数的赋值不会出现问题呢?
如果是对象类型的话,它应该也会存在引用关系啊
其实函数虽然是对象类型,但是它和对象类型还是有一定区别的
其实函数是不能被修改的,它只能被改变

        var a = [1,2,3];
        var b = a;
        //b.push(4); //因为引用关系,会影响到a
        b = [1,2,3,4]; // 重新赋值不会影响a
        alert(a);

函数是不能被修改的,函数只能重新赋值
所有虽然函数虽然是对象类型,但是只要是重新赋值,就不会相互影响

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值