实现类React应用时，update函数无法访问this.menu对象的问题求助

1. this指向错误：
   你将this.update作为回调传给onChange时，未绑定类实例的this。当onChange触发回调时，update函数内的this不再指向App类实例，而是指向全局对象（非严格模式）或undefined（严格模式），导致this.menu无法访问到实例的menu属性。

2. app变量初始化时机问题：
   const app = new App()在类定义后执行，只有App构造函数完全执行完毕，app才会被赋值。如果onChange在初始化阶段（执行this.state = onChange(...)时）就触发update回调，此时构造函数还未执行到this.menu = new Menu(...)，app也未完成赋值，所以console.log(app.menu)会返回undefined。即便点击按钮触发回调，直接引用全局app也不是可靠写法，优先用类实例的this才是正确选择。

方案1：构造函数内绑定this #

在构造函数中先将update方法的this绑定到当前类实例，再传给onChange：

constructor(){
  const state = {
    showMenu: false
  }
  // 绑定this到update方法
  this.update = this.update.bind(this);
  this.state = onChange(state, this.update);
   
  // 剩余代码保持不变...
}

方案2：用箭头函数定义update方法 #

箭头函数会自动继承当前上下文的this，无需手动绑定：

class App {
  constructor(){
    // 构造函数代码不变...
  }

  // 用箭头函数定义update
  update = (path, current, previous) => {
    if(path === 'showMenu') {
      this.menu[current ? 'show' : 'hide']();
    }
  }
}

额外建议 #

不要在类方法中直接引用全局app变量，这会增加代码耦合度且依赖全局变量的初始化时机。使用绑定后的this访问类实例属性，才是更严谨、可维护的写法。

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