Javascript簡單實現(xiàn)面向?qū)ο缶幊汤^承實例代碼
本文講述了Javascript簡單實現(xiàn)面向?qū)ο缶幊汤^承實例代碼。分享給大家供大家參考,具體如下:
面向?qū)ο蟮恼Z言必須具備四個基本特征:
1.封裝能力(即允許將基本數(shù)據(jù)類型的變量或函數(shù)放到一個類里,形成類的成員或方法)
2.聚合能力(即允許類里面再包含類,這樣可以應付足夠復雜的設(shè)計)
3.支持繼承(父類可以派生出子類,子類擁有父母的屬性或方法)
4.支持多態(tài)(允許同樣的方法名,根據(jù)方法簽名[即函數(shù)的參數(shù)]不同,有各自獨立的處理方法)
這四個基本屬性,javascript都可以支持,所以javascript確實是一種弱類型的面向?qū)ο蟮恼Z言,這里給出一個簡單的類繼承的代碼
<script type="text/javascript"> //父類ClassA function ClassA(sColor) { this.color = sColor; this.sayColor = function () { document.write("Color:" + this.color + "<br/>"); }; } //子類ClassB,繼承自ClassA function ClassB(sColor,sName){ ClassA.call(this,sColor);//利用call函數(shù),將ClassA的所有方法都賦給ClassB,即實現(xiàn)了繼承 this.name = sName; this.sayName = function(){ document.write("Name:" + this.name + "<br/>"); } } var oClassA = new ClassA("Red"); oClassA.sayColor(); var oClassB = new ClassB("Blue","Jimmy.Yang"); oClassB.sayColor();//這里sayColor方法是從ClassA繼承來的 oClassB.sayName();//這是ClassB中的新方法 /* call函數(shù)的演示示例 function sayColor(sPrefix, sSuffix) { alert(sPrefix + this.color + sSuffix); }; var obj = new Object(); sayColor.call(obj, "The color is ", ", a very nice color indeed. "); */ </script>
希望本文所述對大家JavaScript程序設(shè)計有所幫助。
- Javascript面向?qū)ο缶幊蹋ㄈ?非構(gòu)造函數(shù)的繼承
- Javascript面向?qū)ο缶幊蹋ǘ?構(gòu)造函數(shù)的繼承
- javascript 面向?qū)ο缶幊袒A(chǔ):繼承
- JavaScript面向?qū)ο笾甈rototypes和繼承
- javascript 面向?qū)ο?實現(xiàn)namespace,class,繼承,重載
- 徹底理解js面向?qū)ο笾^承
- javascript 面向?qū)ο笕吕砭氈屠^承
- JS實現(xiàn)面向?qū)ο罄^承的5種方式分析
- JS 面向?qū)ο笾^承---多種組合繼承詳解
- javascript 面向?qū)ο笕吕砭氈^承與多態(tài)
- JS面向?qū)ο缶幊袒A(chǔ)篇(三) 繼承操作實例詳解
相關(guān)文章
JavaScript中的子窗口與父窗口的互相調(diào)用問題
本文給大家介紹了JavaScript中的子窗口與父窗口的互相調(diào)用問題,非常不錯,具有參考借鑒價值,需要的朋友參考下吧2017-02-02Bootstrap table表格初始化表格數(shù)據(jù)的方法
這篇文章主要介紹了Bootstrap-table表格初始化表格數(shù)據(jù)的方法,非常不錯,具有一定的參考借鑒價值,需要的朋友可以參考下2018-07-07