如何在JavaScript中动态将对象函数调用转发至嵌套对象

我完全理解你的需求——不想硬编码每一个可能的方法，而是让car实例自动把未定义的方法调用转发给内部的tire或engine对象，这正是ES6 Proxy模式的绝佳应用场景。下面我给你详细拆解实现思路和可运行的代码：

核心思路：用Proxy拦截属性访问 #

Proxy可以帮我们拦截对象的属性/方法访问行为，当外部调用car实例上不存在的方法时，我们可以自动遍历内部的嵌套对象，找到第一个实现了该方法的对象，把调用转发过去，同时保证方法的上下文正确。

修正并实现你的示例代码 #

首先先修正原示例里的小问题：构造函数需要通过new创建实例后才能调用方法，直接调用car.start()是错误的。下面是完整的动态转发实现：

function Engine() {
  this.start = () => console.log('engine started');
}

function Tire() {
  this.getWidth = () => console.log('tire width is 205mm');
  // 可选：如果tire也有start方法，测试优先级
  // this.start = () => console.log('tire start (test)');
}

function Car() {
  this.tire = new Tire();
  this.engine = new Engine();
  
  // 返回Proxy实例，拦截所有属性访问
  return new Proxy(this, {
    get(target, prop) {
      // 第一步：优先返回自身已有的属性/方法
      if (prop in target) {
        return target[prop];
      }
      
      // 第二步：遍历嵌套对象，查找实现了该方法的对象
      // 这里的顺序决定了优先级——如果多个嵌套对象有同名方法，排在前面的会被优先调用
      const nestedTargets = [target.engine, target.tire];
      for (const obj of nestedTargets) {
        if (typeof obj[prop] === 'function') {
          // 绑定方法的上下文到嵌套对象，确保方法内的this指向正确
          return obj[prop].bind(obj);
        }
      }
      
      // 如果所有嵌套对象都没有该方法，返回undefined或抛出错误（根据需求调整）
      return undefined;
    }
  });
}

// 测试调用
const myCar = new Car();
myCar.start(); // 输出 "engine started"
myCar.getWidth(); // 输出 "tire width is 205mm"

关键细节说明 #

• 优先级控制：调整nestedTargets数组的顺序就能设置方法的优先级，比如如果tire和engine都有start方法，数组里先写target.tire就会优先调用tire的start方法。
• 上下文绑定：用bind(obj)确保嵌套对象的方法执行时，this指向自身而不是car实例或全局对象，避免上下文丢失导致的错误。
• 动态性：不管后续给tire或engine新增什么方法，只要名字匹配，car实例都能自动转发，完全不需要修改Car构造函数的代码。

替代方案（不用Proxy） #

如果你因为环境限制不能用Proxy，也可以通过重写Car的__proto__或者用Object.defineProperty动态添加getter，但这种方式需要提前知道所有可能的方法名，灵活性远不如Proxy，所以还是推荐Proxy方案。

内容的提问来源于stack exchange，提问作者Steven