Explain the concept of weak references in JavaScript and how they differ from regular references.

Weak References in JavaScript are references to objects that do not prevent the garbage collector from removing these objects if there are no more strong references to them. This means that the object referenced by a weak reference can be garbage collected even if the weak reference still exists.

The difference from regular (strong) references is that strong references keep the object in memory, preventing the garbage collector from removing it as long as at least one strong reference exists.

In JavaScript, weak references are implemented through the WeakRef class and collections like WeakMap or WeakSet. For example, WeakMap allows storing object keys without preventing their removal by the garbage collector.

Example of using WeakRef:

let obj = {name: "test"};
let weakRef = new WeakRef(obj);

console.log(weakRef.deref()); // {name: "test"}

obj = null; // now the object can be garbage collected

// After garbage collection, weakRef.deref() may return undefined

Thus, weak references are useful for caching or storing data that should not prevent memory from being freed.