Lit / LitElement ReactiveElement 静态属性

如何解决Lit / LitElement ReactiveElement 静态属性

Lit 使用这个 reactive element class，我的每个 Web 组件都扩展了它。我不太明白为什么静态属性，例如 elementProperties 在扩展 Lit 基类的所有 Web 组件上并不相同。

See example here

为什么这两个类的静态属性不同？我认为静态属性是在类本身上设置的，在这种情况下是 ReactiveElement。但这里的情况似乎并非如此。我希望 elementProperties 与 here 相同并且工作方式类似。

谁能告诉我我的想法哪里出了问题？

更新：

OK 使用 typescript 重新创建了行为。所以我想我需要研究一下继承和静态属性在 JS 中是如何工作的。

解决方法

所以我认为正在发生的是;

elementProperties 设置在名为 finalize

的静态方法中

当 finalize 被调用时，this 指的是组件的类，而不是反应式元素类。所以SimpleGreeting.elementProperties不是ReactiveElement.elementProperties。

虽然 ReactiveElement.elementProperties 存在于 SimpleGreeting.Object.getPrototypeOf(Object.getPrototypeOf(SimpleGreeting)).elementProperties 的原型链中。因为我们已经在 SimpleGreeting 属性上设置了 elementProperties，所以它本身并不引用 ReactiveElement.elementProperties 更上一层的原型链。