从两个不同的类导入时，Electron 应用程序复制变量...？

Question

我有一个电子应用程序（运行 typescript 编译为 es6），我正在尝试做一些相对简单的 window 管理。我唯一的问题是它似乎复制了我试图将所有 windows 存储在其中的变量。

class 系统的简化版本如下所示：

// index.js
const { app } = require('electron');
const { Project } = require('./project');
const { Window } = require('./Window');

function createWindow() {
    console.log("");
}

app.on('ready', createWindow);

// window.js
console.log("Creating new map!!!!");
const windows = new Map();

class Window {
    static createWindow(name) {
        windows.set(name, "0");
    }
}
module.exports = {
    Window
};

// project.js
const { Window } = require("./window");
class Project {

}
module.exports = {
    Project
};

我期望的输出是：

Creating new Map!!!!

但是我得到了两张地图：

Creating new Map!!!!
Creating new Map!!!!

这最终给我带来了奇怪的行为，因为我希望 windows 映射变量像附加到 Window class 的静态变量一样工作，这意味着只有曾经有过一个例子，但我尝试了很多不同的方法，但似乎无法让它发挥作用。

有谁知道在使用多个 require 语句时如何避免这种奇怪的变量重复？

这里是 package.json 以防有人想复制此行为。

// package.json
{
  "name": "testproj",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "start": "electron .",
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "@types/node": "^12.12.2",
    "electron": "^7.1.7"
  }
}

Answer 1

发生这种情况是因为 Node.js require

'./window 和
'./Window（W开头）

不一样。

Caching 区分大小写并认为它们不同。因此，如您所见，该文件被解析了两次。

您可以查看

发生了什么

console.log(require.cache)

你会看到 window 和 Window 作为两个不同对象的 keys

{ ...
  'path/to/window.js': Module { ... }
  'path/to/Window.js': Module { ... }
}

关于该主题的一些读物

从两个不同的类导入时，Electron 应用程序复制变量...？

Electron app duplicating variables when importing from two different classes...?

javascript

require

node.js

electron

从两个不同的 类 导入时，Electron 应用程序复制变量...？

Electron app duplicating variables when importing from two different classes...?

javascript

require

node.js

electron

从两个不同的类导入时，Electron 应用程序复制变量...？