javascript面向?qū)ο笾岸鄳B(tài)”

JerryWangSAP 發(fā)布于2019-08-23 14:11 / 2468人閱讀

摘要：之前，本質(zhì)上不能算是一門面向?qū)ο蟮木幊陶Z言，因?yàn)樗鼘?duì)于封裝繼承多態(tài)這些面向?qū)ο笳Z言的特點(diǎn)并沒有在語言層面上提供原生的支持。所以在中出現(xiàn)了等關(guān)鍵字，解決了面向?qū)ο笾谐霈F(xiàn)了問題。

ES6之前，javascript本質(zhì)上不能算是一門面向?qū)ο蟮木幊陶Z言，因?yàn)樗鼘?duì)于封裝、繼承、多態(tài)這些面向?qū)ο笳Z言的特點(diǎn)并沒有在語言層面上提供原生的支持。
但是，它引入了原型(prototype)的概念，可以讓我們以另一種方式模仿類，并通過原型鏈的方式實(shí)現(xiàn)了父類子類之間共享屬性的繼承以及身份確認(rèn)機(jī)制。
其實(shí)，面向?qū)ο蟮母拍畋举|(zhì)上來講不是指某種語言特性，而是一種設(shè)計(jì)思想。
正是由于javascript本身對(duì)面向?qū)ο缶幊虥]有一個(gè)語言上的支持標(biāo)準(zhǔn)，所以才有了五花八門、令人眼花繚亂的“類繼承”的代碼。
所以在ES6中出現(xiàn)了class extends等關(guān)鍵字，解決了javascript面向?qū)ο笾谐霈F(xiàn)了問題。
之前花了大量篇幅來講述面向?qū)ο笾械姆庋b和繼承
談一談javascript面向?qū)ο?br> javascript面向?qū)ο笈c原型
javascript 面向?qū)ο笾黄恼赂愣╟all()方法")
javascript面向?qū)ο笾^承(上)")
javascript面向?qū)ο笾^承(下)")
javascript面向?qū)ο笾瓻S6中的類和繼承
今天我們研究一下javascript面向?qū)ο笾械亩鄳B(tài)

javascript 多態(tài)

如果你在搜索引擎中搜索javascript多態(tài)，有那么一個(gè)栗子你一定會(huì)搜到
非多態(tài)代碼示例

var makeSound = function( animal ){
    if ( animal instanceof Duck ){
        console.log( "嘎嘎嘎" );
    }else if ( animal instanceof Chicken ){
        console.log( "咯咯咯" );
    }
};

var Duck = function(){};
var Chicken = function(){};

makeSound( new Duck() ); // 嘎嘎嘎
makeSound( new Chicken() ); // 咯咯咯

多態(tài)的代碼示例

var makeSound = function(animal) {
    animal.sound();
}

var Duck = function(){}
Duck.prototype.sound = function() {
    console.log("嘎嘎嘎")
}
var Chicken = function() {};
Chicken.prototype.sound = function() {
    console.log("咯咯咯")
}

makeSound(new Chicken());
makeSound(new Duck());

這個(gè)栗子出自《JavaScript設(shè)計(jì)模式與開發(fā)實(shí)踐》，我手里沒有這本書，但是不耽誤我們?nèi)パ芯浚@個(gè)