如何让基类特定方法仅执行一次？子类复用登录状态方案咨询

嘿，这个需求很常见，咱们先明确核心：要让基类的登录逻辑只跑一次，所有子类实例共享登录状态。先回答你的问题：把login设为静态方法是可行的，但光有静态方法还不够，得配合一个静态状态变量来标记是否已经完成登录，否则每次调用还是会重复执行。下面给你几种具体的实现方式，结合你的示例代码修改：

方式一：使用类的静态属性跟踪状态 #

这是最直观的方式，给基类添加静态属性记录登录状态，不管是静态方法还是实例方法，都先检查这个状态再决定是否执行登录逻辑：

class Content {
  // 静态属性：标记是否已登录，所有实例共享
  static isLoggedIn = false;

  constructor() {
    // 实例化时触发登录检查
    this.performLogin();
  }

  performLogin() {
    // 先检查静态状态，已登录则直接跳过
    if (Content.isLoggedIn) {
      console.log("已登录，跳过登录请求");
      return;
    }

    // 模拟登录请求
    console.log("执行登录请求...");
    // 登录成功后更新静态状态
    Content.isLoggedIn = true;
  }

  performLogout() {
    if (!Content.isLoggedIn) {
      console.log("未登录，无需登出");
      return;
    }
    console.log("执行登出请求...");
    Content.isLoggedIn = false;
  }
}

class ContentOne extends Content {
  constructor() {
    super();
  }
  doSomethingElse() {
    console.log("ContentOne做其他事");
  }
}

class ContentTwo extends Content {
  constructor() {
    super();
  }
  alertUser() {
    console.log("ContentTwo提醒用户");
  }
}

const contentOne = new ContentOne(); // 输出：执行登录请求...
const contentTwo = new ContentTwo(); // 输出：已登录，跳过登录请求
contentOne.performLogout(); // 输出：执行登出请求...
const contentThree = new ContentOne(); // 输出：执行登录请求...

如果把performLogin改成静态方法，逻辑也是类似的，只是调用方式变成Content.performLogin()，本质都是依赖静态状态变量来控制执行次数。

方式二：用闭包封装私有状态 #

如果不想让登录状态暴露在类的外部（避免被意外修改），可以用闭包来封装状态，更安全：

const Content = (() => {
  // 闭包变量：私有状态，外部无法直接访问
  let isLoggedIn = false;

  return class Content {
    constructor() {
      this.performLogin();
    }

    performLogin() {
      if (isLoggedIn) {
        console.log("已登录，跳过登录请求");
        return;
      }
      console.log("执行登录请求...");
      isLoggedIn = true;
    }

    performLogout() {
      if (!isLoggedIn) {
        console.log("未登录，无需登出");
        return;
      }
      console.log("执行登出请求...");
      isLoggedIn = false;
    }
  };
})();

// 子类定义不变
class ContentOne extends Content {
  constructor() {
    super();
  }
  doSomethingElse() {
    console.log("ContentOne做其他事");
  }
}

class ContentTwo extends Content {
  constructor() {
    super();
  }
  alertUser() {
    console.log("ContentTwo提醒用户");
  }
}

const contentOne = new ContentOne(); // 输出：执行登录请求...
const contentTwo = new ContentTwo(); // 输出：已登录，跳过登录请求

这种方式下，isLoggedIn变量只能在Content类的方法里访问，外部无法直接修改，安全性更高。

注意事项：异步登录的处理 #

如果你的performLogin是异步请求（比如真实的API调用），需要稍微调整逻辑，因为constructor不能直接是async函数，你可以用立即执行的异步函数，或者给类加一个初始化方法：

class Content {
  static isLoggedIn = false;
  static loginPromise = null; // 记录登录请求的Promise，避免并发请求

  constructor() {
    // 用IIFE处理异步逻辑
    (async () => {
      await this.performLogin();
      console.log("登录完成，可以执行后续逻辑");
    })();
  }

  async performLogin() {
    if (Content.isLoggedIn) return;
    // 如果已有登录请求在进行，直接等待它完成
    if (Content.loginPromise) return Content.loginPromise;

    Content.loginPromise = new Promise((resolve) => {
      // 模拟异步登录请求
      setTimeout(() => {
        console.log("异步登录请求完成");
        Content.isLoggedIn = true;
        Content.loginPromise = null;
        resolve();
      }, 1000);
    });
    return Content.loginPromise;
  }
}

这样可以避免多个实例同时触发登录请求，保证只有一次请求发送。

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