Javascript中不存在时如何声明CONST

Question

简而言之，我有一个模块，我想在一个页面上多次重复使用它。在这个模块中，我有一个事件名称的全局常量。问题出现在声明此模块的第二次使用时，因为已经声明了常量。但是，我不能将它移到 if/else 中，因为范围界定会使常量无法在其他地方使用。我该怎么办？

我的问题的一些简单代码：

模块：

const THIS_IS_MY_EVENT = 'thisIsMyEvent';

// extra code down here

页面：（我使用 twig 引擎来包含文件，但我认为它不相关）

<script src="/path/to/file.js">
<script src="/path/to/file.js">

这在我的情况下肯定行不通：

if (typeof (THIS_IS_MY_EVENT) == undefined) {
    const .... //this will limit the scope of my const
}

任何帮助将不胜感激。

Answer 1

简而言之，我有一个模块，我想在一个页面上多次重复使用。

这听起来像是要解决的真正问题。相反，导入模块一次，使用其中的一个函数两次。模块通常不应该在导入时做任何事情（除了一些设置），只有在以后请求时。这样，模块的全局部分将运行一次，创建全局 const（但它不应该是全局的，它应该是从模块导出的 const），你不会有问题.

但是有条件地创建一个全局常量是一个有趣的问题。如果你真的想要一个全局的，你可以使用Object.defineProperty 在window 和writable: false 上创建它。 （这不太一样。window [全局对象] 上的属性是全局变量，但 const 创建的全局变量不是 window 的属性。不过，可能足够接近.)

例子：

"use strict";
if (typeof THIS_DOESNT_EXIST === "undefined") {
  Object.defineProperty(window, "THIS_DOESNT_EXIST", {
    value: "foo",
    writable: false,     // false is the default
    configurable: false, // these are just for emphasis,
    enumerable: true     // or false, your call
  });
}
console.log(THIS_DOESNT_EXIST);
THIS_DOESNT_EXIST = 42;
console.log(THIS_DOESNT_EXIST);