当前位置：首页 > JavaScript

js实现接口

2026-03-01 02:04:20JavaScript

实现接口的方式

在JavaScript中，没有内置的接口（interface）概念，但可以通过多种方式模拟接口的行为。以下是常见的实现方法：

1. 使用TypeScript TypeScript原生支持接口，可以直接定义并实现：

interface MyInterface {
  method1(): void;
  method2(param: string): number;
}

class MyClass implements MyInterface {
  method1() {
    console.log("Method1 called");
  }

  method2(param: string) {
    return param.length;
  }
}

2. 使用鸭子类型（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 interfaceDef = {
  methods: ['method1', 'method2']
};

const myObj = {
  method1: function() {},
  method2: function() {}
};

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

3. 使用工厂函数 通过工厂函数强制实现特定方法：

function createInterface(implementation) {
  const requiredMethods = ['method1', 'method2'];

  requiredMethods.forEach(method => {
    if (typeof implementation[method] !== 'function') {
      throw new Error(`必须实现 ${method} 方法`);
    }
  });

  return implementation;
}

const myImpl = createInterface({
  method1: function() {},
  method2: function() {}
});

4. 使用Proxy对象 通过Proxy验证对象是否实现了所需方法：

const interfaceHandler = {
  get(target, prop) {
    if (prop === 'requiredMethods') {
      return ['method1', 'method2'];
    }
    return target[prop];
  }
};

const Interface = new Proxy({}, interfaceHandler);

function createImplementor(obj) {
  for (const method of Interface.requiredMethods) {
    if (typeof obj[method] !== 'function') {
      throw new Error(`缺少实现方法: ${method}`);
    }
  }
  return obj;
}