导入模块变量后值为undefined？Node.js导出导入问题求助

我编写了一个用于获取div容器innerHTML的函数，代码如下：

function saveTab(el){
    let saveTabContainer = document.getElementById(el);
    module.exports.innerHTMLTabContainer = saveTabContainer.innerHTML; 
}

在当前文件中调用saveTab后，console.log(module.exports.innerHTMLTabContainer)能得到正确值，但通过以下代码导入该变量后：

let {innerHTMLTabContainer} = require('../public/javascripts/saveTab');
console.log(innerHTMLTabContainer);

输出结果为undefined，求助解决。

问题原因 #

1. 赋值时机滞后：你仅在调用saveTab函数时才给module.exports.innerHTMLTabContainer赋值。如果导入模块时saveTab还未执行，这个变量自然是undefined。
2. 解构赋值的特性：使用let {innerHTMLTabContainer} = require(...)时，是把导入对象中该属性的当前值赋值给变量。即便之后模块内部修改了这个属性，已经解构出来的变量不会同步更新。

解决方案 #

方案一：调整调用顺序，避免提前解构

先导入整个模块，调用saveTab赋值后再访问变量：

// 导入完整模块对象
const tabModule = require('../public/javascripts/saveTab');
// 先调用函数完成赋值
tabModule.saveTab('你的容器ID');
// 再访问变量
console.log(tabModule.innerHTMLTabContainer);

方案二：改为导出函数返回值（推荐）

重构模块，让函数直接返回目标值，避免依赖模块内部的副作用赋值，逻辑更清晰可控：

// saveTab.js
function saveTab(el){
    const saveTabContainer = document.getElementById(el);
    return saveTabContainer.innerHTML;
}

module.exports = { saveTab };

导入使用：

const { saveTab } = require('../public/javascripts/saveTab');
// 调用函数时直接获取结果
const innerHTMLTabContainer = saveTab('你的容器ID');
console.log(innerHTMLTabContainer);

方案三：延后解构赋值

如果必须保留原有模块结构，确保调用函数后再解构：

const tabModule = require('../public/javascripts/saveTab');
tabModule.saveTab('容器ID');
// 函数调用完成后再解构
const { innerHTMLTabContainer } = tabModule;
console.log(innerHTMLTabContainer);

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