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

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/weixin_36282409/article/details/84112195
<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>

猜你喜欢

转载自blog.csdn.net/weixin_36282409/article/details/84112195