JavaScript_04面向对象程序设计(原型【七】)深入解析原型继承的概念

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>New Web Project</title>
    <script type="text/javascript" charset="UTF-8">
        /**
         * 我们都知道构造函数、原型和实列直接的关系,如果我们让原型对象等于另一个类型的实列,结果会怎么样呢?
         * 显然此时的原型对象将包含一个指向另一个原型的指针,相应的另一个原型中也包含着指向另一个构造函数的指针。
         * 
         * 原型链利用原型让一个引用类型继承另一个引用类型的属性和方法。
         * 简单继承(原型继承)
         * 类继承(模板继承或借用构造函数继承)
         * 混合使用继承实现完整的继承。
         * 
         */
        

        //js中采用原型链实现继承
        //构造函数、原型对象、实列对象
        
        //1.构造函数:prototype=原型对象
        //2.原型对象.constructor=构造函数(模板)
        //3.原型对象.isPrototypeOf(实列对象)判断实列对象的原型,是不是当前对象.
        //4.构造函数 实列对象(类和实列)
        
        //父类构造函数 sup
        function Sup(name){
            this.name=name;
        }
        
        //父类的原型对象
        
        Sup.prototype={
          constructor:Sup,
          sayName:function(){
              alert(this.name);
          }  
        };
        //子类构造函数sub
        function Sub(age){
            this.age=age;
            
        }
        //如果我们让原型对象等于另一个类型(父类)的实列,结果会怎么样?
        //sub的实列对象和sup的原型对象有一个关系。
        //Sub.prototype=new Sub();
          
         Sub.prototype=new Sup();
        alert(Sub.prototype.constructor);
                  
        var sub1=new Sub();
       //alert(sub1.name);
        sub1.sayName();
      
    </script>;      
</head>
<body>
    <h1>New Web Project Page</h1>
</body>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值