当前位置：首页 > JavaScript

实现接口js

2026-04-04 13:00:27JavaScript

实现接口的 JavaScript 方法

在 JavaScript 中，接口的实现通常通过对象或类来完成。虽然 JavaScript 没有原生的接口语法（如 TypeScript 的 interface），但可以通过多种方式模拟接口的行为。

使用对象字面量模拟接口

通过定义一个对象字面量，强制实现特定的方法和属性：

const MyInterface = {
  method1: function() { throw new Error('Not implemented'); },
  method2: function() { throw new Error('Not implemented'); }
};

const MyImplementation = {
  method1: function() { console.log('Method1 implemented'); },
  method2: function() { console.log('Method2 implemented'); }
};

使用类继承模拟接口

通过基类定义接口方法，子类必须实现这些方法：

class Interface {
  method1() { throw new Error('Method1 not implemented'); }
  method2() { throw new Error('Method2 not implemented'); }
}

class Implementation extends Interface {
  method1() { console.log('Method1 implemented'); }
  method2() { console.log('Method2 implemented'); }
}

使用 TypeScript 的接口

如果使用 TypeScript，可以直接使用 interface 语法：

interface MyInterface {
  method1(): void;
  method2(): void;
}

class MyClass implements MyInterface {
  method1() { console.log('Method1 implemented'); }
  method2() { console.log('Method2 implemented'); }
}

使用鸭子类型检查

通过检查对象是否包含接口所需的方法或属性：

function implementsInterface(obj, interfaceDef) {
  for (const method of Object.keys(interfaceDef)) {
    if (typeof obj[method] !== 'function') {
      return false;
    }
  }
  return true;
}

const interfaceDef = { method1: null, method2: null };
const obj = { method1: () => {}, method2: () => {} };

console.log(implementsInterface(obj, interfaceDef)); // true

使用工厂函数

通过工厂函数强制实现接口：

实现接口js

function createInterface(implementation) {
  const requiredMethods = ['method1', 'method2'];
  requiredMethods.forEach(method => {
    if (typeof implementation[method] !== 'function') {
      throw new Error(`Missing implementation for ${method}`);
    }
  });
  return implementation;
}

const impl = createInterface({
  method1: () => {},
  method2: () => {}
});