zoukankan      html  css  js  c++  java
  • call继承父级属性,prototype继承父级方法

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8" />
        <title>Document</title>
    </head>
    <body>
        
    </body>
    <script type="text/javascript" >
    // 通过call继承父级属性
        function A(){
            this.abc=12
        }
       
     function B(){
        // this → new B();
        A.call(this)
     }
     var obj = new B();
    alert(obj.abc) //12
    
    // 通过prototype继承父级方法
    
    A.prototype.show=function(){
        alert(this.abc)
    }
    
    B.prototype.show=A.prototype.show; //tongguo prototype原型继承父级方法
    
    obj.show() //12
    </script> </html>
     有先后顺序 先 继承 属性 再方法 否者 报错 说 那个  .call() 继承没有 这个 function

    综合实例

    实现效果 car.getInfo() 打印出 'car has 2 doors'  

    涉及到的知识点 继承 和 修改继承到的 属性以及方法
    function vehicle(){
    this.door=4; } function car (){ } vehicle.prototype ={ getName: function(){ return 'vehicle' }, getInfo: function(){ return [ this.getName(),'has',this.door,'doors' ].join(',') } }

    结果

      car.prototype = new vehicle(); // car 继承 wehicle 原型 的方法
    
      var car1 = new car(); // 实例化
      car1.door=2;//修改 原型值
      car1.getName=function (){ //修改  vehicle 原型中的 getName 方法
           return 'car'
      }
      console.log(car1.getInfo()) //实现效果 car.getInfo() 打印出 'car has 2 doors'
  • 相关阅读:
    2020.11.6
    2020.7.15小日记
    P1536 村村通
    P1510 精卫填海
    P1020 导弹拦截
    P1164 小A点菜
    5.17练习总结
    P1135 奇怪的电梯
    P1101 单词方阵
    P1443 马的遍历
  • 原文地址:https://www.cnblogs.com/Model-Zachary/p/7435067.html
Copyright © 2011-2022 走看看