91 lines
2.7 KiB
JavaScript
91 lines
2.7 KiB
JavaScript
/**
|
||
* module-lifecycle.js
|
||
* 模块生命周期管理 - 让模块知道自己何时加载/卸载/收到消息
|
||
* 配合事件总线使用
|
||
*/
|
||
|
||
const ModuleLifecycle = (function() {
|
||
// 存储每个模块的钩子函数
|
||
const hooks = {};
|
||
|
||
// 注册模块的生命周期钩子
|
||
function register(moduleId, lifecycles) {
|
||
if (!moduleId) return;
|
||
|
||
hooks[moduleId] = {
|
||
onLoad: lifecycles.onLoad || null,
|
||
onUnload: lifecycles.onUnload || null,
|
||
onMessage: lifecycles.onMessage || null
|
||
};
|
||
|
||
console.log(`[lifecycle] 注册模块: ${moduleId}`, lifecycles);
|
||
|
||
// 如果已经加载（比如页面初始化时），自动触发onLoad？
|
||
// 这里留给loader去调用
|
||
}
|
||
|
||
// 触发模块加载
|
||
function triggerLoad(moduleId, params) {
|
||
const moduleHooks = hooks[moduleId];
|
||
if (moduleHooks && moduleHooks.onLoad) {
|
||
try {
|
||
moduleHooks.onLoad(params);
|
||
console.log(`[lifecycle] onLoad 模块: ${moduleId}`);
|
||
} catch (e) {
|
||
console.error(`[lifecycle] onLoad 模块 ${moduleId} 出错:`, e);
|
||
}
|
||
}
|
||
}
|
||
|
||
// 触发模块卸载
|
||
function triggerUnload(moduleId) {
|
||
const moduleHooks = hooks[moduleId];
|
||
if (moduleHooks && moduleHooks.onUnload) {
|
||
try {
|
||
moduleHooks.onUnload();
|
||
console.log(`[lifecycle] onUnload 模块: ${moduleId}`);
|
||
} catch (e) {
|
||
console.error(`[lifecycle] onUnload 模块 ${moduleId} 出错:`, e);
|
||
}
|
||
}
|
||
|
||
// 卸载时自动取消该模块的所有事件订阅
|
||
// 这里简单使用事件总线的off，但需要知道该模块订阅了哪些事件
|
||
// 我们约定模块在订阅时使用带命名空间的事件名，比如 moduleA:click
|
||
// 或者在onUnload里手动取消。为了简化，我们不清除订阅，但可以在onUnload里做。
|
||
// 更完善的做法是记录每个模块的订阅列表，但这里先不实现。
|
||
}
|
||
|
||
// 触发模块收到消息（由事件总线转发时调用）
|
||
function triggerMessage(moduleId, message, data) {
|
||
const moduleHooks = hooks[moduleId];
|
||
if (moduleHooks && moduleHooks.onMessage) {
|
||
try {
|
||
moduleHooks.onMessage(message, data);
|
||
console.log(`[lifecycle] onMessage 模块: ${moduleId} 消息: ${message}`);
|
||
} catch (e) {
|
||
console.error(`[lifecycle] onMessage 模块 ${moduleId} 出错:`, e);
|
||
}
|
||
}
|
||
}
|
||
|
||
// 获取模块的钩子（用于调试）
|
||
function getHooks(moduleId) {
|
||
return hooks[moduleId] || null;
|
||
}
|
||
|
||
return {
|
||
register,
|
||
triggerLoad,
|
||
triggerUnload,
|
||
triggerMessage,
|
||
getHooks
|
||
};
|
||
})();
|
||
|
||
window.ModuleLifecycle = ModuleLifecycle;
|
||
|
||
if (typeof module !== 'undefined' && module.exports) {
|
||
module.exports = ModuleLifecycle;
|
||
}
|