カスタム要素コンストラクタでMutationObserverを作成した際にメモリリークが発生しましたか？

Question

私は、それにcreatedCallbackの中に変異オブザーバを作成するCustom Elementクラスを持っています。今まで呼んだことのない時点はobserver.disconnect()です。これはメモリリークを引き起こすでしょうか？もしそうなら、それをどう扱うことをお勧めしますか？ガベージコレクタはよく、それがメモリリークを持っていなければならないように設計されている場合

class SomeElement extends HTMLElement { 
    createdCallback() { 
     // Observe nodes in the future. 
     const observer = new MutationObserver(changes => { 
      for (let change of changes) { 
       if (change.type != 'childList') continue 

       for (let node of change.addedNodes) 
        this.childConnectedCallback(node) 

       for (let node of change.removedNodes) 
        this.childDisconnectedCallback(node) 
      } 
     }) 
     observer.observe(this, { childList: true }) 
    } 

    childConnectedCallback(node) { 
     // ... 
    } 

    childDisconnectedCallback(node) { 
     // ... 
    } 
} 

Answer 1

：

は、ここで基本的な例です。突然変異オブザーバは、カスタム要素自体が削除されたときに破棄されます。

の方法ではいつでもobserver.disconnect()に電話することができます。この場合、参照を保持するためにconst observerの代わりにthis.observerを使用してください。