如何将Qooxdoo项目拆分为逻辑独立的JS文件——ES6模块导入导出及实例创建问题咨询

首先先纠正一个小误区：你定义的session类是singleton类型，Qooxdoo的单例类不需要用new来创建实例，正确的获取方式是session.getInstance()——这应该能解决你旧版本引用方式失效的问题，不是方法没用了，而是你现在的类定义是单例，得用单例专属的获取方法。

接下来聊聊ES模块的导入问题：Qooxdoo的构建系统对ES模块的位置有严格要求，import语句不能放在Qooxdoo类定义的代码块里，也不能放在已经执行的代码之后。给你两个适配需求的方案：

方案1：用Qooxdoo原生依赖管理（推荐） #

既然你的代码是Qooxdoo类，用框架自带的依赖机制更稳妥，能完全避免ES模块的加载顺序问题：

• 把session.js放在项目的source/class目录下（比如source/class/myapp/session.js），让Qooxdoo构建工具能识别到它。
• 修改类的命名空间，符合Qooxdoo规范（首字母大写+命名空间）：

qx.Class.define('myapp.Session', {
 extend : qx.core.Object,
 type : 'singleton',
 construct: function () {
 this.base(arguments);
 this.datasetName = 'Test Dataset';
 this.userFirstName = 'Dave';
 this.userSurname = 'Smith';
 },
 members: {
 datasetName : null,
 userFirstName : null,
 userSurname : null,
 tblmdlOpenForms : null,
 currentOpenForm : null,
 currentOpenWindow : null,
 __OpenFormIndex : null,
 __menuOptionAlreadyOpen : function(option) {
 if (this.currentOpenForm == option) return true
 else return false
 },
 }
});
// 不需要export，Qooxdoo会自动注册这个类

• 在主应用类里声明依赖并使用：

qx.Class.define('myapp.Application', {
 extend: qx.application.Standalone,
 require: [
   'myapp.Session' // 声明依赖，Qooxdoo会自动加载这个类
 ],
 members: {
   main: function() {
     this.base(arguments);
     // 获取单例实例
     let mysession = myapp.Session.getInstance();
     console.log(mysession.userFirstName); // 输出Dave
   }
 }
});

这种方式完全贴合Qooxdoo的原生逻辑，不用担心加载顺序，构建工具也会自动处理依赖关系。

方案2：用ES模块且避免重新构建 #

如果你坚持要用ES模块，同时不想每次更新session.js都重新构建application.js，可以把它作为外部脚本独立加载：

• 把session.js放在项目的source/resource目录下（比如source/resource/myapp/session.js），这样它不会被打包进application.js。
• 在项目的index.html里，先引入session.js再加载application.js：

<script type="module" src="resource/myapp/session.js"></script>
<script src="script/application.js"></script>

• 保持session.js的export逻辑，同时保留Qooxdoo类定义：

qx.Class.define('session', {
 // 你的类定义内容不变
});
export {session};

• 在主应用代码里用动态导入规避加载顺序冲突：

qx.Class.define('myapp.Application', {
 extend: qx.application.Standalone,
 members: {
   async main() {
     this.base(arguments);
     // 动态导入session模块
     const { session } = await import('../resource/myapp/session.js');
     // 获取单例实例
     let mysession = session.getInstance();
     // 后续业务逻辑
   }
 }
});

这种方式下，session.js是独立加载的，更新它不需要重新构建application.js，但要注意文件路径的正确性，以及动态导入带来的异步处理逻辑。

最后再强调一遍：Qooxdoo的单例类是全局唯一的，不管用哪种方案，都不要用new session()，而是用session.getInstance()来获取实例，这是你之前代码里的关键小疏漏。

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