javascript - `Object.defineProperty(exports, ' __esModule ', { value: true })` 与 `exports.__esModule = true`

Question

这个问题已经有答案了:

Difference between defining and assigning property (2 个回答)

已关闭 3 年前。

我认为这是:

Object.defineProperty(exports, '__esModule', { value: true })

应该给出与此相同的结果:

exports.__esModule = true

但是我见过的所有 UMD 捆绑生成器都使用第一个选项。有什么原因吗？

Answer 1

Object.defineProperty() 具有与正常分配属性不同的默认值。具体来说，如果您不指定以下属性，则它们都默认为 false:

configurable
enumerable
writable

因此，Object.defineProperty(exports, '__esModule', { value: true }) 将具有相同的值，但不可配置、可枚举或可写，而 exports.__esModule = true 将使所有这些属性默认为 true。

您可以在 Object.definePropert() here on MDN 上阅读有关此级别的详细信息。 .

But all UMD bundle generators I've seen have used the first option. Is there a reason?

据推测，这些工具的设计者希望配置该属性，使其无法更改(可写)或删除(可配置)或枚举。