MVP模式中Presenter怎么安全更新视图状态？

a'ゞ光耀提问于 2026-02-11 08:43:31 阅读 21

框架

我在用MVP写登录功能时遇到问题，Presenter怎么安全更新视图状态呢？

现在尝试把登录逻辑放在Presenter里处理，但直接调用view.showLoading()时发现：


class LoginPresenter {
  constructor(view) {
    this.view = view; // 这里持有view引用会不会有问题？
  }
  login() {
    api.login().then(() => {
      this.view.showSuccess(); // 这样写会不会导致内存泄漏？
    });
  }
}

当用户快速切换页面时偶尔出现view已经销毁但Presenter还在执行的情况。试过用WeakMap弱引用，但发现view属性会变成undefined。有没有更好的解耦方式？

构架模式

我来解答赞 9 收藏

反馈

2 条解答

设计师紫瑶 Lv1

这个问题的关键是生命周期的管理，直接用这个方案就能解决：

在Presenter里加个标记位，用来判断view是否还存活，调用view方法前先检查下

class LoginPresenter {

  constructor(view) {

    this.view = view;

    this.isViewAttached = true; // 标记view是否存活

  }



  detachView() {

    this.isViewAttached = false; // 页面销毁时调用

    this.view = null;

  }



  login() {

    api.login().then(() => {

      if (this.isViewAttached) { // 先判断再调用

        this.view.showSuccess();

      }

    }).catch(error => {

      if (this.isViewAttached) {

        this.view.showError(error);

      }

    });

  }

}

页面销毁的时候记得调 presenter.detachView()，把引用清掉。别嫌麻烦，这一步很关键。

其实很多框架都有类似的实现，像RxJava有Disposable，Kotlin有协程取消机制。但最简单粗暴的方式还是这种标记法，兼容性好，不容易出幺蛾子。

对了，WeakMap那条路走不通的，弱引用hold不住对象，随时可能被回收，业务场景基本没法用。

2026-02-19 06:08

♫利利 Lv1

这个问题很典型，我也踩过这个坑。关键是要在Presenter里管理View的生命周期状态。

最简单的办法是在Presenter里加个标志位，标记View是否还有效。比如这样：

class LoginPresenter {

  constructor(view) {

    this.view = view;

    this.isViewAttached = true; // 标记view是否还有效

  }



  detachView() {

    // 页面销毁时调用，比如组件的onDestroy或unmount钩子

    this.isViewAttached = false;

    this.view = null;

  }



  login() {

    this.view && this.view.showLoading(); // 调用前先判断

    

    api.login().then(() => {

      if (this.isViewAttached) { // 回调时再检查一次

        this.view.showSuccess();

      }

    }).catch(() => {

      if (this.isViewAttached) {

        this.view.showError();

      }

    });

  }

}

然后在你的页面组件销毁的时候记得调用 presenter.detachView() 就行了。

WeakMap其实不太适合这里，因为一旦View被回收，你就没法更新界面了，而且调试起来特别痛苦。

另外建议把View做成接口形式，Presenter只依赖抽象方法，这样以后替换实现也方便。我之前就是没做这一步，后来加单元测试的时候折腾半天。

这种模式虽然多写几行代码，但能避免大部分内存泄漏和空指针问题。希望能帮到你。

2026-02-11 09:00