js 怎么来写一个基类

[xiaomeimei]

• 最近想整理一下 js 代码，想用 java 或者 C# 的思想去写，发现好麻烦啊，写一个基类都痛苦。

• 虽然 python 也是脚本语言，但它写起基类也没什么难度，接口形式的编程也很方便。

• 设计模式在 js 上很难套用。什么工厂模式、外观模式统统都写不了

• 比如，我想实现一个接口或者抽象基类，要求所有继承此类的子类都必须实现所有的方法。js 不知道怎么来写

[Biwood]

原型链继承怎么就不能用了？看了这么多层回复没一个像样的，根本不需要什么 ES6 语法，老老实实写代码会死么

[mooncakejs]

@Biwood 来个 abstruct method 或者 interface 看看

[zjsxwc]

@xiaomeimei #19 实现你这种需求的写法很多的,比如这么写:
```
function Class1(constructParamA, constructParamB){
this.constructParamA = constructParamA;
this.constructParamB = constructParamB;
}
Class1.prototype.methodA = function (){
console.log("methodA >>"+this.constructParamA+this.constructParamB);
};
Class1.prototype.methodB = function (){
console.log(this.constructParamA+this.constructParamB);
};


function Class2(objOfClass1){
this.objOfClass1 = objOfClass1;
for (prop in objOfClass1) {
this[prop] = objOfClass1[prop];
//if ((typeof objOfClass1[prop]) == "function") {
// this[prop] = objOfClass1[prop];
//}
}
}


var obj1 = new Class1("foo","bar");
var obj2 = new Class2(obj1);
obj2.methodA();
obj2.methodB();
```

[bramblex]

在很多语言里面，基类就是破裤子上面的补丁，用来补泛型这个坑的，你现在拿着一条没有破洞的裤子问补丁在哪？你让我们怎么回答？

[learnshare]

TypeScript 认可度不低嘛

[maomaomao001]

原型链明明很好的呀，哪里丑陋了，不过这个时代，直接用 ts, es6.es7 不更好嘛

[otakustay]

另外几乎所有的设计模式都是面向接口来做的，基类？为什么一定要有基类？

[murmur]

@otakustay 打错了。。我以为新版改成 createReactComponent 了 我还没升级用的还是 15 的 es5 语法

至于你说原型链丑陋不丑陋 你和正统的 oo 比一下看父子那些关系不用 trick 能实现不就可以了

[Tunar]

js 怎样写一个鸡肋😂

[wobuhuicode]

JS 写继承：原型链继承 -> 构造函数继承 -> 组合继承 -> 寄生组合继承

[MinonHeart]

@Tunar 鸡肋😂

[otakustay]

@murmur 弱的是语言本身而不是原型链啊，class based OO 的所有功能在原型链上都可以做，trick 是语法层面上的工作，你不能怪罪于底下的概念对吧

[murmur]

@otakustay 我是有点不太喜欢语法糖的，浏览器里跑的不还都是 es5 语法么，super 字我记得是 es6 的糖

也不太相信 code map，我都升级到 chrome 60.0 了，动不动 code map 断点打不上，断点起飞，所以我宁可用 es5 语法，至少出错的时候停住的位置就是出错的位置

webpack1 打出来的东西还能停住断点，webpack2 的模块就全变成 eval("xxxxxxxxx")了，出错了断点都停不了。。

回楼上一些，不好意思扯远了，我是不太喜欢前端盲目继承的，

但是也不能说基类是泛型的坑，ts 是强类型，不喜欢基类 List<Object>你也可以，越强的约束管水平不好的越好，所以 java 能让一群水平一般的人堆起来做个大项目还能跑，在不考虑性能的前提下，当然对大牛无所谓

见过最恶心的继承就是 EasyUI，dialog->window->panel，但是实际上谁会用 window 和 panel ？我需要的是 dialog=panel+button+header，而不是 dialog extends window extends panel

[Hanggi]

class Gay {
SorM() {

}
}

[qiqico]

@murmur webpack2 打断点也没问题的，看你选哪种 sourcemap 方式了

[murmur]

@qiqico 可以让 hmr 的时候和 webpack1 一样展开全部代码不用 eval 那种么

sourcemap 是没问题 就是 50%的概率没用 不要说版本不一致我当然知道要刷新

现在是不打断点怎么让他停在可以看出是那句出错的地方 就是 pause on exceptions

[SilentDepth]

拿 OOP 的经验生套到 JS 上，不觉得这样有多高效率，JS 本身也不是干这个的。如果实在要接口，写 TS 就好了，背后被转成了什么样何须操那么大的心。

@murmur #33
ES 版本更迭这事儿就扯远了，历史包袱是客观存在的，但咱还得向前看不是。至少箭头函数在 Chrome 里跑得飞起（尽管那不是一个语法糖）。Sourcemap 的问题，确实有断点打不准的情况，但通常不会差太多，不至于开发调试进行不下去（除非你一行代码套了 N 层 Lambda ）。Webpack 2 出来的也是可以调的，我确信是你的配置有问题或你的代码风格需要适应一下。

最后说一句：Vue 大法好～

[Mutoo]

abstract 和 interface 是静态编译的语言在编译阶段的约束，作为脚本语言，只有在运行时才去处理这些东西没有什么意义。

[X41822N]

ts

[wangyufeng]

@SuperMild 乐趣？