js 怎么来写一个基类

[xiaomeimei]

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

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

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

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

[mooncakejs]

在 es 里接口声明比较麻烦，抽象基类还有办法，定义一个方法，实现直接 throw

[mooncakejs]

上 typescript，和 c# 基本差不了多少了。

[thisisgpy]

class gay {}

[arzusyume]

class Base {}
class A extends Base {}

[murmur]

都上了 js 还在想设计模式 你中毒了。。js 要什么设计模式。。不都是推翻重来。。还要继承。。

[SuperMild]

js 本身不合适，如果不愿意享受原型链的乐趣，最好上 typescript

[donlxn22]

TypeScript

[lamada]

TypeScript 你值得拥有

[xiaomeimei]

@mooncakejs @thisisgpy @SuperMild @donlxn22 @lamada TypeScript 写完后还要「编译」成 javascript，而且还比较麻烦

[xiaomeimei]

@murmur 但有些基础的东西确实感觉可以用设计模式

[murmur]

@xiaomeimei 就算是 ES6/TS 背后还是丑陋的原型链

[SuperMild]

@xiaomeimei 不麻烦，比手写模拟真 OO 方便很多了。

[xiaomeimei]

@murmur 是啊，背后相当丑陋。throw 的那种方法我想过了，但感觉好丑

[murmur]

@xiaomeimei 那就学习 vue，用 mixin 的概念代替 extend

react 不也改成 createComponent 了么

[xiaomeimei]

@SuperMild 又要我装一下编辑器了

[zjsxwc]

es5 基本不会去用继承(其实语法上也实现不了), 而是和 golang 一样通过组合来实现继承的作用, 比如我想要 obj2 拥有 obj1 的 methodB 能力, 可以这么写:

```
function Class1(constructParamA, constructParamB){
this.constructParamA = constructParamA;
this.constructParamB = constructParamB;
}
Class1.prototype.methodA = function (){};
Class1.prototype.methodB = function (){
console.log(this.constructParamA+this.constructParamB);
};


function Class2(constructParamA){
this.constructParamA = constructParamA;
}
Class2.prototype.methodB = function (){
this.constructParamA.methodB();
};


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

```

[mooncakejs]

@xiaomeimei 配上 vscode 就不麻烦了。

[xiaomeimei]

@murmur vue 已经在用了，用在网站上。而我们的浏览器扩展上用的是纯 js，直接换 vue，时间成本太高，划不来

[xiaomeimei]

@zjsxwc 这种方式只可以实现子类使用了父类的 MethodB 方法，但不能强制子类也拥有 MethodA 方法

[otakustay]

@murmur react 改成 createComponent 了？我感觉要么我穿越回了以前，要么我刚从火星回来

另外原型链丑陋在哪里了？