【JavaScript】WeakMapの箇所についてコード例が読み解けず困っています。

概要

JavaScript勉強中の初学者です。
JS Primerを読んでいて不明なところがありご質問させていただければと思います。

ご質問箇所

▼該当箇所
https://jsprimer.net/basic/map-and-set/#weakmap

WeakMapについて学んでおり、弱い参照でGCからのメモリ解放を妨げないためにメモリリークを起こさないようにできる、という概要はなんとなく理解できました。

その中で、WeakMapの欄にある使用例の処理について、いまいち何をしているのか、また何を意図してそうなっているのかがソースコードから読み解けず、お知恵をお貸しいただけると幸いです。以下該当の箇所の引用です。

// イベントリスナーを管理するマップ
const listenersMap = new WeakMap();

class EventEmitter {
    addListener(listener) {
        // this にひもづいたリスナーの配列を取得する
        const listeners = listenersMap.get(this) ?? [];
        const newListeners = listeners.concat(listener);
        // this をキーに新しい配列をセットする
        listenersMap.set(this, newListeners);
    }
}

// 上記クラスの実行例

let eventEmitter = new EventEmitter();
// イベントリスナーを追加する
eventEmitter.addListener(() => {
    console.log("イベントが発火しました");
});
// eventEmitterへの参照がなくなったことで自動的にイベントリスナーが解放される
eventEmitter = null;

考えたこととご質問

addListenerメソッドは、あくまでイベント発火時にのみMapを参照できていればよくその他の時はMapへの参照を持っておく必要がないため、メモリを解放するためにわざわざこのような実装にしている？
this （クラスインスタンス）を WeakMap のキーにすることで、インスタンスの外からはアクセスできない値を保持できます。 とJS Primerにはありましたが、そうしなかった場合、どんな問題があり得るのでしょうか？（つまり、インスタンスの外から値がアクセスできてしまう）
本旨とずれるかもしれませんが、このaddListenerメソッドは結局のところ何をしているのでしょうか？

2の質問のように、インスタンス自身を新たなkeyとしてセットし、今までsetしたイベントリスナーと合体した配列を値にセットしている、ということはわかるのですが、それで一体どんなことが嬉しいのかいまいちイメージできません。イベント発火ごとに発火時の記録を格納していく、みたいなことでしょうか。。

基本的なことが抜け落ちているかもしれず、また例のコードなのでいろいろな想定ができるかとは思うので漠然としたご質問になり恐縮ですが、
宜しくお願いいたします。

行動規範の内容に同意します

回答1件

ベストアンサー

弱参照

WeakMap は弱参照であり、「keyがどこからも参照されなくなった場合に、WeakMapに格納された key,value はガベージコレクションによって削除」されます。

JavaScript
1const wm = new WeakMap;
2constt obj = {};
3wm.set(obj, 1);
4obj = null;       // 変数 obj に格納されたオブジェクトへの参照を切る
5console.log(wm);  // 参照が失われた為、WeakMapに格納された key,value はGCが回収し、削除される

スコープ

new WeakMap に格納された値を参照するには「インスタンス」と「key」の両方が必要です。
new Map は「インスタンス」のみ参照できれば、Map.prototype.entries で全ての値を参照できます。

EventEmitter の利点

ご質問のコードは WeakMap.prototype.set だけを持つ WeakMap で全ての値を参照できます。
このコードだけでは何のメリットもありません。
前述の「弱参照」と「スコープ」の利点を持っているので、「WeakMap互換オブジェクトを prototype 拡張する目的」で使用することが多いと思います。