问题描述
Lit 使用这个 reactive element class，我的每个 Web 组件都扩展了它。我不太明白为什么静态属性，例如
elementProperties 在扩展 Lit 基类的所有 Web 组件上并不相同。
为什么这两个类的静态属性不同？我认为静态属性是在类本身上设置的，在这种情况下是 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 更上一层的原型链。