如何在JavaScript中声明常量（即使它在JavaScript中不存在）

Question

如何在JavaScript中声明常量（即使它在JavaScript中不存在）

5

简而言之，我有一个模块，希望在页面上多次重复使用。在这个模块中，我有一个全局常量事件名称。问题出现在第二次使用此模块的声明中，因为常量已经被声明。但是，我不能将其移动到 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
}

非常感谢您的帮助。

- Tree Nguyen

1

如果我理解正确的话，那么将 const 存储在常量文件中，并在每个模块中导入它怎么样？ - YarinDekel

@YarinDekel 那有什么不同吗？由于您导入了两次模块，因此您仍将两次导入常量文件到页面中。在您的情况下，我看到的解决方法是将所有常量设置在一个文件中，并直接将其导入页面。但是，这有点混乱，以我的意见为主。 - Tree Nguyen

2

@TreeNguyen，您可能误解了导入的工作方式。模块会被缓存，内部代码仅会运行一次。 - Matt Way

@MattWay 抱歉，不是那样的。我想我的术语用错了。在我的情况下，模块=可重复使用的代码片段。它不是任何意义上的类，也没有导入或导出。通过使用twig，它基本上是将文件复制粘贴到文件中。所以我写的“模块”被插入到同一页两次。 - Tree Nguyen

3

是的，这完全违背了 const 的用途，而且并不是一种解决方案，只是一种权宜之计，直到你实现 T.J. Crowder 的答案。 - RobG

显示剩余2条评论

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- T.J. Crowder · Accepted Answer

简而言之，我有一个模块，希望在页面上多次重复使用它。这听起来像是要解决的真正问题。相反，只需导入模块一次，在其中使用一个函数两次。通常情况下，模块在导入时不应该执行任何操作（除了进行一些设置），只有在需要时才会执行。这样，模块的全局部分将运行一次，创建全局的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);