站長資訊網
        最全最豐富的資訊網站

        javascript中有沒有多態

        JavaScript中有多態;多態表示的是同一操作作用于不同的對象上面可以產生不同的解釋和不同的執行結果,JavaScript中的多態體現在子類中可直接實現同名函數即可覆蓋父類函數,JavaScript中的父類函數都可以直接覆蓋。

        javascript中有沒有多態

        本教程操作環境:windows10系統、javascript1.8.5版、Dell G3電腦。

        javascript中有多態

        含義

        同一操作作用于不同的對象上面,可以產生不同的解釋和不同的執行結果

        比方說,我養了一只貓和一只狗,我對它們發出同一個指令 “叫一下”,貓會喵喵喵,而狗會汪汪汪,所以讓它們叫一下就是同一操作,而叫聲不同則是不同的執行結果。

        用偽代碼來實現就是這樣的:

        function getVoice(animals) {     if(animals instanceof Cat){         console.log('喵~');              }     if(animals instanceof Dog){         console.log('汪~');     } } class Cat {} class Dog {} getVoice(new Cat()); // '喵~' getVoice(new Dog()); // '汪~'

        那么如果我們想增加一個動物呢?再多加一個判斷?那么之后我每次都想要加一個動物的叫聲就都要修改一次 getVoice?是不是有點繁瑣呢?

        所以我們要想想如何解決這個問題~

        對象的多態性

        其實多態最根本的作用就是通過把過程化的條件語句轉化為對象的多態性,從而消除這些條件分支語句。

        通俗一點來講,就是把 “做什么” 和 “誰去做以及怎么去做” 分離開,抽象概括就是把 “不變的事物” 和 “可能改變的事物” 分離開。

        最開始我們舉的例子中就可以拆分理解成這樣:

        不變的事物是:動物發出叫聲 可能改變的事物是:什么動物發出什么樣的叫聲

        那我們就可以把 “動物發出叫聲” 這個動作分布到各個類上(封裝到各個類上),然后在發出叫聲的 getVoice 函數中調用"叫"這個動作就可以了。

        上面這個例子就可以修改成這樣啦~

        function getVoice (animals) {     if (animals.sound instanceof Function) {         // 判斷是否有animal.sound且該屬性為函數         animals.sound();     } } class Cat {     sound () {         console.log('喵~');     } } class Dog {     sound () {         console.log('汪~');     } } getVoice(new Cat()); // '喵~' getVoice(new Dog()); // '汪~'

        多態的實際應用

        多態在設計模式中應用得比較廣泛,比如 組合模式 / 策略模式等等。~~

        雖然我們在平時的開發中不太用的到,但是一旦我們涉及到一些設計模式的話,多態還是很有用的

        JS的封裝與多態

        除了繼承,封裝與多態也是面向對象思想的組成部分。JS的封裝、多態也是通過屬性的靈活應用“模擬”實現的。

        通過在類中設置公共屬性,并在子類中實現,就可以模擬封裝。

        而多態的體現,則更為簡單,在子類中直接實現同名函數即可覆蓋(override)父類函數。JS中沒有類似C#中的virtualde 關鍵字,所有父類函數都可以直接覆蓋。

        示例:

        function calc(value1,value2){ this.data1=value1; this.data2=value2;  this.GetResult; this.toString=function(){ if(this.GetResult) return this.GetResult()+""; return "0"; } }   function sumCalc(value1,value2){ calc.call(this,value1,value2) this.GetResult=function(){  return this.data1+this.data2; } } function productCalc(value1,value2){ calc.call(this,value1,value2) this.GetResult=function(){  return this.data1*this.data2; } } var s=new sumCalc(2,3); alert(s.toString());  //彈框5 var p=new productCalc(2,3); alert(p.toString());  //彈框6

        如上,sumCalc類與productCalc類都繼承并實現了calc類,并實現了“抽象函數”GetResult()。這就是JS封裝的實現方式。

        另外,JS中的所有類都繼承于Object,而Object有自己的toString()函數。所以,上面calc類的toString()函數實際上覆蓋了原有的函數—-多態的體現。

        贊(0)
        分享到: 更多 (0)
        網站地圖   滬ICP備18035694號-2    滬公網安備31011702889846號
        主站蜘蛛池模板: 亚洲精品二区国产综合野狼 | 国产成人精品日本亚洲直接| 亚洲欧美日韩国产精品专区| 久久国产精品久久久| 欧美视频精品一区二区三区| 国产69精品久久久久99尤物| 精品国产香蕉伊思人在线在线亚洲一区二区 | 亚洲精品专区| 国产午夜无码精品免费看动漫| 日韩精品无码AV成人观看| 久久国产热精品波多野结衣AV| 国产精品污WWW在线观看| 亚洲国产精品第一区二区| 国产精品久操视频| 亚洲国产成人乱码精品女人久久久不卡| 正在播放酒店精品少妇约| 国产精品嫩草影院久久| 精品国产品香蕉在线观看75| 精品无人区一区二区三区| 亚洲精品国产成人片| 亚洲精品狼友在线播放| 一本一道精品欧美中文字幕| 国产精品18久久久久久vr| 国产精品毛片无码| 欧美亚洲精品在线| 青青草国产精品久久久久| 国产伦精品一区二区三区女| 国产成人精品日本亚洲网站| 国产精品人人做人人爽| 亚洲精品欧美日韩| 亚洲精品视频在线| 国产精品久操视频| 国产天天综合永久精品日| 精品深夜AV无码一区二区| 亚洲av无码乱码国产精品fc2 | 国产亚洲精品成人a v小说| 国产精品 码ls字幕影视| 91精品国产自产在线观看| 最新精品露脸国产在线 | 国产精品视频一区二区噜噜| 精品久久久久香蕉网|