返回介绍

升级你的生命周期事件函数

发布于 2023-09-15 11:59:04 字数 4957 浏览 0 评论 0 收藏 0

为了使得大家更方便地控制加载应用和插件的时机,我们对 Loader 的生命周期函数进行了精简处理。概括地说,生命周期事件目前总共可以分成两种形式:

  1. 函数形式(已经作废,仅为兼容保留)。
  2. 类形式(推荐使用)。

beforeStart 函数替代

我们通常在 app.js 中通过 module.export 中传入的 app 参数进行此函数的操作,一个典型的例子:

module.exports = (app) => {
  app.beforeStart(async () => {
    // 此处是你原来的逻辑代码
  });
};

现在升级之后的写法略有改变 —— 我们可以直接在 app.js 中用类方法的形式体现出来:对于应用开发而言,我们应该写在 willReady 方法中;对于插件则写在 didLoad 中。形式如下:

// app.js 或 agent.js 文件:
class AppBootHook {
  constructor(app) {
    this.app = app;
  }

  async didLoad() {
    // 请将你的插件项目中 app.beforeStart 中的代码置于此处。
  }

  async willReady() {
    // 请将你的应用项目中 app.beforeStart 中的代码置于此处。
  }
}

module.exports = AppBootHook;

ready 函数替代

同样地,我们之前在 app.ready 中处理我们的逻辑:

module.exports = (app) => {
  app.ready(async () => {
    // 此处是你原来的逻辑代码
  });
};

现在直接用 didReady 进行替换:

// app.js 或 agent.js 文件:
class AppBootHook {
  constructor(app) {
    this.app = app;
  }

  async didReady() {
    // 请将您的 app.ready 中的代码置于此处。
  }
}

module.exports = AppBootHook;

beforeClose 函数替代

原先的 app.beforeClose 如以下形式:

module.exports = (app) => {
  app.beforeClose(async () => {
    // 此处是你原来的逻辑代码
  });
};

现在我们只需使用类方法 beforeClose 替代即可:

// app.js 或 agent.js 文件:
class AppBootHook {
  constructor(app) {
    this.app = app;
  }

  async beforeClose() {
    // 请将您的 app.beforeClose 中的代码置于此处。
  }
}

其它说明

本教程只是一对一地讲了替换方法,便于开发者们快速上手进行替换;若想要具体了解整个 Loader 原理以及生命周期的完整函数版本,请参考加载器两篇文章。

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文