研究javascript的幾個例子(一)

來源:互聯網
上載者:User
關鍵字:構造繼承,prototype
JS.js檔案:function BaseClass(){
    this.name="BaseClass";
    //this.prototype.Height="1.5米"; 錯誤寫法
    BaseClass.prototype.Height="1.5米";
    this.Width="2米";
    this.Weight="1噸";
    this.say=function(){
     return "my name is "+this.name+",Height:"+this.Height+",Width:"+this.Width+",Weight:"+this.Weight;
    }
}
function SonClass(){
    this.base=BaseClass;
    this.base();
    this.Weight="2噸";
    this.Color="red";
    this.Title="SonClass";
    this.loudsay=function(){
       return "my name is "+this.Title+",Height:"+this.Height+",Width:"+this.Width+",Weight:"+this.Weight+",Color:"+this.Color;
    }
}
    SonClass.prototype.Speed="100";
    SonClass.prototype.run=function(){
        return "my name is "+this.Title+",Height:"+this.Height+",Width:"+this.Width+",Weight:"+this.Weight+",Color:"+this.Color+",Speed:"+this.Speed;
}

HTML: <html>
    <head>
        <title></title>
          <script src=jS.js type="text/javascript"></script>
          <script language=javascript>
              //BaseClass baseclass = new BaseClass();錯誤寫法
              var baseclass = new BaseClass();
              alert(baseclass.name);    //Base       
              alert(baseclass.say());//my name is BaseClass,Height:1.5米,Width:2米,Weight:1噸
              var Son = new SonClass();
              alert(Son.say());//my name is BaseClass,Height:undefined,Width:2米,Weight:2噸
              alert(Son.loudsay());//my name is SonClass,Height:undefined,Width:2米,Weight:2噸,Color:red
              alert(Son.run());//my name is SonClass,Height:undefined,Width:2米,Weight:2噸,Color:red,Speed:100
              SonClass.prototype.Height="2.5米";
              alert(Son.run());//my name is SonClass,Height:2.5米,Width:2米,Weight:2噸,Color:red,Speed:100
         </script>
    </head>
    <body >
    
    </body>
</html>

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.