javascript - 在 Leaflet 中访问标记图标的 HTMLElement

Question

我的 map 上有一些带有自定义图标 (DivIcons) 的标记。

当我点击一个标记时，我想访问图标的 HTMLElement，以添加或删除类。

我发现访问 HTMLElement 的唯一方法是 _icon 属性。我知道这是私有(private)属性(property)，但我找不到其他方法。

options.icon 返回图标对象(被许多标记使用)，而不是该标记的具体 HTMLElement。

您知道访问标记的 HTMLElement 的安全方法吗？

Answer 1

不幸的是，JavaScript 没有对私有(private)属性的原生支持。但是，有几种技术可以模拟它们:一种使用前缀，另一种使用闭包。

下划线前缀的使用只是一种编码约定，并没有被语言强制执行:没有什么可以阻止用户直接访问“应该是私有(private)的”属性。此方法不安全，仅作为客户端代码的指南。所以我认为访问 _icon 属性不会造成任何伤害。

如果一个属性应该是私有(private)的，不可能从外部访问，它通常被设置为某个范围的局部变量，而不绑定(bind)到上下文。这类变量只能借助闭包从外部访问，如果没有定义则无法访问该变量。