javascript - Object.defineProperty 在构造函数中不执行任何操作

Question

我最近重组了我的 Three.js 项目，我开始遇到一个问题，每个对象似乎都是用完全相同的几何形状和 Material 渲染的。我在调试器中跟踪了这个构造函数的问题:

function Geometry() {
    Object.defineProperty( this, 'id', { value: GeometryIdCount() } );
    this.uuid = exports.Math.generateUUID();
    ...

Chrome 在 Object.defineProperty 之后的 this 对象上没有显示任何属性，并且 id 返回为 undefined 当事情稍后尝试使用它时。但是，当我调试使用 Three.js 制作的旧项目时，id 是在调用后在调试器中的 this 上定义的。

什么会导致 Object.defineProperty 什么都不做？最有可能的罪魁祸首是我已经从使用来自 Javascript 的 Node.js require 调用切换为使用 TS 编译器从 Typescript 调用三个 ES6 import 调用，但事实并非如此我很清楚为什么这会对这个构造函数产生这种影响。

Answer 1

只是说“id 返回为未定义”并不一定意味着 Object.defineProperty 没有执行任何操作，尽管我确实了解您查看了this 直接在 Object.defineProperty 调用之后，我无法解释这一点。如果GeometryIdCount()返回未定义，那么这将解释为什么该值稍后是未定义。您是否在构造函数完成后验证了属性本身未定义，而不是属性值未定义？

这可能就像使用“utilize”这个词而不是“use”，或者 Typescript、ES6 或 Three.js 可能需要它，但为什么不写:

this.id = GeometryIdCount();

但是，如果函数返回未定义，这仍然会将unknown分配给this.id。

更新:你的问题让我去研究exactly what Object.defineProperty does ，这令人惊讶且信息丰富。当我使用 WebGL 时，我没有使用 Three.js，因此我错误地认为 Geometry 是您编写的函数。

当您按照您描述的方式调用 Object.defineProperty 时(将第三个参数设置为仅具有“value”属性的对象)，它将所有对象属性都具有的可写、可配置和可枚举属性设置为 false 。另一方面，语句 this.id = GeometryIdCount() 会将这 3 个属性设置为 true。 Three.js 的作者显然希望为每个 Geometry 对象分配一个唯一的键，并使其用户无法更改其值。我没有寻找其他原因。

我建议您复制您的项目并删除任何您想要保密的内容(如果您想将其发布到此处)，并尽可能多地删除分散注意力的代码，以便更容易确定导致问题的原因。您知道，当您无法再重现未创建 id 属性或未定义 id 属性的不良行为时，请停止删除代码。我编写了一个小程序，并尝试猜测如何重现问题，在调用 var g = Geometry(...) 之前做了一些不好的事情，例如 Geometry.prototype.id = undefined >,(没有 new 关键字)但无法重现该问题。我并没有尝试覆盖 GeometryIdCount 的行为，或者阻止 id 属性的创建。这看起来像是故意破坏，我怀疑你在你的情况下也怀疑这一点。