哎哟喂，说起 JavaScript 的接口和抽象类啊，那可真是个让人头疼的问题。跟 Java、C# 比起来JavaScript 这玩意儿就是太随意了！啥？你说接口和抽象类干啥用？简单说就是让代码更整齐、更好维护呗。但是 JavaScript 里没有这两个东西… 那怎么办呢？咱也得想辙不是，实不相瞒...？

啥是接口和抽象类？先说说这概念

我跟你说啊， 这接口就像一份合同，规定了谁必须做些什么事情。比如你得有“说话”这个功能，“吃饭”这个功能。只要符合这份合同的，都算合格。而且啊，一个人可以一边签好几份合同！抽象类就有点像半成品，它自己没法直接用，但你可以拿它来造东西。而且啊，它还可以自己做点事情呢，优化一下。！

这俩的区别啊：

• 接口支持多实现, 就是一个人可以一边满足好几个要求；抽象类只能单继承, 就是只能继承一个爹。
• 抽象类里面可以放东西、放构造函数；接口啥也不能放！
• 抽象类里面的东西可以标明是私人的、公开的；接口的东西都是公开的。
• 抽象类表示“是什么”， 描述对象的本质；接口表示“能做什么”，描述对象的能力。

咋在 JavaScript 里弄出个“接口”的效果呢？

别着急别着急，咱有办法！其实就是用点儿小技巧来检查一下有没有实现那些必要的功能。

方法一：老老实实地写函数检查

翻旧账。 最简单的办法就是写一个函数来检查对象有没有那些必要的方法。

function implementsInterface {
  return methodNames.every; // 看看是不是每个方法都存在并且是个函数!  every很重要! 懂了吗?
}
// 使用例子：
const myObj = { save { /*...*/ }, validate { /*...*/ } };
if ) { // 如果实现了所有方法... 就可以平安调用啦!  平安第一! 平安第一!
  console.log; // 平安调用... 看见没?  没问题!   记住这句话!!!  平安第一!!!   重要的事情说三遍!!! 平安第一!!! 平安第一!!!平安第一!!! 平安第一!!! 平安第一!!! 平安第一!!! 平安第一!!!平安第一!!!平安第一!!!!平安第一!!!!!平安第一!!!!!!!平安 第一!!!!!!!... 你看我说的对不对?!?!?!!?!!??!?!!??!?!!!!???!!??!?!!??!?!!!!???!!??!?!!??!?!!!!???!!??!?!!??!?!!!!???!!?!?!?!!!!!?????!!!!!!?!?!?!!!!!?????!!!!!!?!?!?!?!!!!!?????!!!!!!?!?!?!?!!!!!?????!!!!!!?!?!?!!!!!?????!!!!!!?!?!?!?!!!!!?????!!!!!!?!?!?!!!!!?????!!!!!!?!?!?!!!!!????!!!!!!!?!?!?!????!!!!!!!!????????????!!!!!!!!????!!!!!!!!!!!!!!!?!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！

方法二：借助 ES6 Proxy 进行更严格的拦截

好吧好吧... ES6 的 Proxy 可以帮我们搞一些更高级的操作。我们可以创建一个代理对象，在调用未实现的方法时报错。

// 这个还没试过... 反正我觉得挺复杂的...  以后再说吧...

再来说说咋模拟“抽象类”

抽象类的意思就是不能直接new出来用的那种class. JavaScript 里也没有abstract关键字. 所以咱也得想点别的办法.

方法一：构造函数检查

class AbstractRepository { // 这是个“抽象”的仓库... 其实也没啥特别的... 就是不能直接用!  constructor { if  { throw new Error; } } save { throw new Error; } find { throw new Error; } } // 具体实现类 class UserRepo extends AbstractRepository { save { console.log; } find { return { id, name: 'John' }; } }

这样啊如果子类的save或者find没有写的话就会报错!，共勉。

一下吧

虽然JavaScript 本身没有那么多的花里胡哨的东西但是通过一点点的技巧我们也能达到差不多的效果.当然了代码质量可能有点下降但是为了兼容性有时候也只能这么做了不是吗?，薅羊毛。