还有其他优雅的方法来进行函数绑定吗？ [复制]

Question

我的项目使用 ES6 类语法、React.js 和 Flux。 这是一段代码：

export default class Splash extends React.Component {

  constructor() {
    super();
    this.state = Comm.reqSplash();
  }

  componentDidMount(){
    this._appReadyBound = this._appReady.bind(this);
    SplashStore.subscribe(this._appReadyBound);
  }

  //Trigger when app data is loaded, if splash is in non-intro mode then end splash
  _appReady(){
    SplashStore.unsubscribe(this._appReadyBound);
    //If intro mode, do nothing
    if (this.state.mode !== "non-intro") return;
    this.endSplash();
  }
}

如您所见，在“componentDidMount”方法中，我必须创建“_appReady”方法的绑定版本。

如果我不绑定“this”，“_appReady”方法将无法正常运行。如果我不做绑定版本，unsubscribe方法，如果你更熟悉的话，和“removeChangeListener”一样，不会做它的工作，这意味着监听器还在监听器列表中。

所以我想知道是否有一种优雅的方式来做绑定，或者避免绑定。或者我应该放弃 ES6 类语法？

Answer 1

你试过了吗

_appready = () => {
  //function here

}

希望对你有帮助