如何将观察到的属性用于匿名类 /函数？

Question

我想在匿名类 /功能上注册自定义元素。但是我想知道如何将观察到的用于对象？

类版本。它的工作原理

<my-el name="abc"></my-el>
class MyEl extends HTMLElement {...}
MyEl.observedAttributes = ["name"];

版本匿名类/函数。它如何不起作用

window.customElements.define("my-el", class extends HTMLElement {...});

// how i can bind now?
MyEl.observedAttributes() // throws an error: ReferenceError: MyEl is not defined 

Answer 1

您可以定义a static static =“ https://developer.mozilla.org/en-us/docs/web/javascript/reference/reference/functions/get” rel =“ nofollow noreferrer”> getter 在您的类表达式上在ES2015及更高版本中：

window.customElements.define("my-el", class extends HTMLElement {
  static get observedAttributes() {
    return ["name"];
  }
});

否则，如果您可以支持ES2022及以上，则可以创建a 公共静态字段（而不是getter）：

window.customElements.define("my-el", class extends HTMLElement {
  static observedAttributes = ["name"];
});