跨平台开发对于不同平台调用接口的抽象层设计

我已经受够无处不在的分支语句了！
长痛不如短痛，趁现在的底层交互代码还没有这么多，赶紧重构吧。毕竟不是 demo 时期了，要讲究一些了

设计思路

刚开始的想法是整一个抽象类 AbstractAPIs 声明所有待实现的函数，然后让各个平台去具体的实现 PlatformAAPIs、PlatformBAPIs

突然想到 Js 好像没有抽象类，不好意思 TypeScript 写的有点多。。。

如果手动模拟抽象类，如果没被子类覆盖抛异常。这种方式代码量有点太多了，一百多个接口，每个都一样的代码，实在是不优雅

其实抽象类的作用就是起到一个注册的作用，注册存在这么一些方法可供使用。对于这样的注册，没必要真的将其结构化为类，只需要抛出一个对象即可

export default {methodName1: "methodName1",methodName2: "methodName2",methodName3: "methodName3",
}

使用时根据字符串来调用

apis.call(FUNCNAMES.methodName1)

结构框架

platform1.js

class Platform1 {methodName1() { // 实现 }methodName2() { // 实现 }methodName3() { // 实现 }
}
export default new Platform1();

platform2.js

class Platform1 {methodName1() { // 实现 }methodName2() { // 实现 }methodName3() { // 实现 }
}
export default new Platform2();

api.js

import platformA from "./platformA";
import platformB from "./platformB";class Apis {this.instance = window.isPlarformA() ? platformA : platformB;call = (funcName) => {return this.instance[funcName]();}
}export default new Apis();

添加参数支持

当然，调用时不仅有函数名，还有参数，这个要怎么处理呢
apis.call 完全可以仿照 js 的 call，就是 call、apply 那一套的 call，将 params 直接附在后边

apis.call(FUNCNAMES.methodName1, param1, param2, param3...)

在实现 call 的时候解构赋值即可

call = (funcName, ...args) => {return this.instance[funcName](...args);
};

最终实现

class APIs {constructor() {this.bInit = false;this.instance = null;}init = () => {this.bInit = true;this.instance = window.isPlarformA() ? platformA : platformB;};call = (funcName, ...args) => {if (!this.bInit) this.init();if (this.instance[funcName]) {return this.instance[funcName](...args);} else {throw new Error(`[APIs::call][${funcName}] no instance[funcName].`);}};
}