javascript - html5自定义元素的自定义方法和属性

Question

我的问题是关于将我自己的逻辑添加到自定义元素的正确方法。

我知道如何创建自定义元素、定义扩展 HTMLElement 的 class、定义诸如 connectedCallback 之类的回调。它有效。

问题是:我应该如何创建自己的方法和属性来支持我的自定义逻辑？据我了解，直接在自定义元素类中定义它们可能会导致与当前(或将来)HTMLelement 属性和方法发生冲突。

Answer 1

1:避免使用任何众所周知的属性或函数，除非您想覆盖它们。如果您要覆盖它们并且仍然希望旧代码起作用，请确保在您的函数、getter 和 setter 中调用 super。

2:在未来发生变化之前不要担心它们。老实说，在每个版本的语言升级中，HTMLElement 不会发生太多变化。就我个人而言，我并不担心这一点。我定义我想要的任何属性和功能。我常常甚至不担心现有的功能。

例如，我将使用 get title() 和 set title() 并且我不会费心调用 super。是的，我知道我正在破坏现有的模型，但这对于我这样做的组件来说并不重要。

请不要使用下划线'_'作为公共(public)函数名称，因为传统认为这些应该是私有(private)函数和属性，并且永远不应该被调用由某人使用该元素。

只写你需要写的内容。如果使用我的组件的人需要原始标题功能才能工作，那么我会修复它，但情况可能永远不会如此。