js 实现接口
在 JavaScript 中实现接口
JavaScript 本身没有内置的接口（Interface）机制，但可以通过多种方式模拟接口的行为。以下是几种常见的方法：
使用 TypeScript 的接口
TypeScript 是 JavaScript 的超集，直接支持接口语法：
interface MyInterface {
method1(): void;
method2(param: string): number;
}
class MyClass implements MyInterface {
method1() {
console.log("Method1 called");
}
method2(param: string) {
return param.length;
}
}使用鸭子类型（Duck Typing）
JavaScript 是动态类型语言，可以通过检查对象是否具有特定方法或属性来模拟接口：
function implementsInterface(obj, interfaceDef) {
for (const method of interfaceDef.methods) {
if (!(method in obj) || typeof obj[method] !== 'function') {
return false;
}
}
return true;
}
const myInterface = {
methods: ['method1', 'method2']
};
const myObject = {
method1() { /* ... */ },
method2() { /* ... */ }
};
if (implementsInterface(myObject, myInterface)) {
// 对象实现了接口
}使用抽象基类
可以通过抽象基类来强制子类实现某些方法：
class AbstractInterface {
method1() {
throw new Error('Must implement method1');
}
method2() {
throw new Error('Must implement method2');
}
}
class ConcreteClass extends AbstractInterface {
method1() {
// 具体实现
}
method2() {
// 具体实现
}
}使用符号（Symbol）定义接口
可以通过唯一的 Symbol 来定义接口方法：
const IMyInterface = {
method1: Symbol('method1'),
method2: Symbol('method2')
};
class MyClass {
[IMyInterface.method1]() {
// 实现
}
[IMyInterface.method2]() {
// 实现
}
}使用装饰器（Decorators）
在支持装饰器的环境中（如 TypeScript 或 Babel），可以用装饰器验证接口实现：
function implementsInterface(...interfaceMethods: string[]) {
return function (target: any) {
interfaceMethods.forEach(method => {
if (!target.prototype[method]) {
throw new Error(`Class must implement ${method}`);
}
});
};
}
@interface('method1', 'method2')
class MyClass {
method1() { /* ... */ }
method2() { /* ... */ }
}选择建议
- 如果项目使用 TypeScript，直接使用原生接口语法是最佳选择
- 对于纯 JavaScript 项目，鸭子类型检查或抽象基类方式较为常用
- 装饰器方案提供了更优雅的接口验证，但需要环境支持
每种方法都有其适用场景，应根据项目需求和团队偏好选择最合适的实现方式。
