總結(jié)：prototype.js，Mootools.js和klass.js 實現(xiàn)類的方法的異同與優(yōu)劣

jeffrey_up 發(fā)布于2019-08-20 18:27 / 2290人閱讀

摘要：構(gòu)建類的方法使用來構(gòu)建類使用來構(gòu)建類使用來構(gòu)建類繼承父類的方法使用子類方法構(gòu)建子類，繼承父類，在與父類同名的方法中，第一個參數(shù)為，方法體內(nèi)使用來拓展父類的同名方法使用正常構(gòu)建類后，第一個方法使用來繼承父類，在子類的方法體中，使用來拓展父類的

構(gòu)建類的方法

Prototype.js使用Class.create來構(gòu)建類

Mootools.js使用new Class來構(gòu)建類

klass.js使用klass來構(gòu)建類

繼承父類的方法

Prototype.js使用Class.create(ParentClassName,{//子類方法})構(gòu)建子類，繼承父類，在與父類同名的方法中，第一個參數(shù)為$super，方法體內(nèi)使用$super(args)來拓展父類的同名方法

Mootools.js使用new Class正常構(gòu)建類后，第一個方法使用Extends:ParentClassName來繼承父類，在子類的方法體中，使用this.parent(args)來拓展父類的同名方法

klass.js使用ParentClassName.extend(//子類方法)來繼承父類，在子類的方法體中使用this.supr(args)來拓展父類的同名方法

在類的外面給類添加函數(shù)，名稱雖然不一樣，但調(diào)用的方式都一樣，

Prototype.js有addMethods方法

Mootools.js有implement方法

klass.js有methods和implement方法

單純以構(gòu)建類和繼承類的方式，個人認(rèn)為

Mootools.js做的最好，子類和父類的構(gòu)建方式統(tǒng)一，子類繼承父類時方法清晰，而且在具有面向?qū)ο筇攸c的語言，都有extends關(guān)鍵字，而且父類也是在extends的后面

不習(xí)慣Prototype.js在每個需要拓展父類的同名方法的第一個參數(shù)中加$super，畢竟Mootools聲明了父類后，在同名方法中只需要加this.parent(args)，而不用在參數(shù)內(nèi)再加上需要聲明父類的強調(diào)

klass的構(gòu)建子類的方法和其他兩個都不一樣，子類和父類的構(gòu)建方式就直接加上父類的名字再加上extend就可以，拓展父類的同名方法的時候，使用this.supr(args)來拓展。相當(dāng)想吐槽的就是supr這個名稱了，klass的源碼中到處充滿了這種不好好命名的參數(shù)，以字母o，甚至是what來命名，真是特別的無語了，我會給作者提issue的

關(guān)于源碼中具體差異，待續(xù)

JS面向?qū)ο笙盗?/p>

《javascript高級程序設(shè)計》繼承實現(xiàn)方式

prototype.js 是如何實現(xiàn)JS的類以及類的相關(guān)屬性和作用

Mootools.js 是如何實現(xiàn)類，以及類的相關(guān)屬性和作用

klass 是如何實現(xiàn)JS的類以及類的相關(guān)屬性和作用