当前位置：首页 > JavaScript

js 实现接口

2026-02-02 08:16:27JavaScript

在 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），可以用装饰器验证接口实现：

js 实现接口

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() { /* ... */ }
}