lynx   »   [go: up one dir, main page]

Menu
×
   ❮     
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS DSA TYPESCRIPT ANGULAR ANGULARJS GIT POSTGRESQL MONGODB ASP AI R GO KOTLIN SASS VUE GEN AI SCIPY CYBERSECURITY DATA SCIENCE INTRO TO PROGRAMMING BASH RUST

Basic JavaScript

JS Tutorial JS Syntax JS Variables JS Operators JS If Conditions JS Loops JS Strings JS Numbers JS Functions JS Objects JS Dates JS Arrays JS Sets JS Maps JS Math JS RegExp JS Data Types JS Errors JS Debugging JS Events JS Programming JS References JS UTF-8 Characters JS Versions

JS Advanced

JS Functions JS Objects JS Classes JS Iterations JS Promises JS Modules JS HTML DOM JS Windows JS Web API JS AJAX JS JSON JS jQuery JS Graphics JS Examples JS Objects


JavaScript WeakMap

The WeakMap Object

A JavaScript WeakMap is a collection of key/value pairs where the keys must be objects.

A WeakMap holds weak references to its keys.

Example

// Create a WeakMap
let myMap = new WeakMap();

// Create an Object
let myObj = {fname:"John", lname:"Doe"};

// Set a WeakMap value
myMap.set(myObj, "player");

// Get the WeakMap value
let type = myMap.get(myObj);
Try it Yourself »

Garbage Collection

JavaScript employs a memory management mechanism known as Garbage Collection.

The primary functiona are:

  • Ensuring efficient use of memory resources
  • Reclaim memory occupied by variables that are no longer in use
  • Preventing memory leaks

Weak References

Unlike a regular Map, a WeakMap does not prevent its keys from being garbage collected.

If a key (an object) has no references to it in a program, it becomes eligible for garbage collection.

When the key is garbage collected, its key-value pair is removed from the WeakMap.

Example

let myMap = new WeakMap();
let myObj = {fname:"John", lname:"Doe"};

myMap.set(myObj, "secret");
myObj = null;
// now myObj (and its values) in myMap can be garbage collected

Keys Must Be Objects

Primitive values cannot be used as keys in a WeakMap.

The keys must be objects or non-registered symbols.

This restriction is tied to the garbage collection mechanism; primitives are not garbage collected in the same way as objects.


Tracking Objects

The entries in a WeakMap are weakly held: if the object key becomes unreachable, its mapping is removed automatically.

This is perfect for tracking data about objects without preventing garbage collection.

Tracking Visitors

let text = "";

// Create a WeakMap to store visit counts
const visitsCount = new WeakMap();

// Create Visitor Objects
const John = {name:"John", age:40};
const Paul = {name:"Paul", age:41};
const Ringo = {name:"Ringo", age:42};
const George = {name:"George", age:43};

// Track visits
track(Paul);
track(Ringo);
track(Paul);
track(Paul);
track(John);

// Function to track visitors
function track(visitor) {
  let count = visitsCount.get(visitor) || 0;
  count++;
  visitsCount.set(visitor, count);
  text += visitor.name + ", age " + visitor.age + ", has visited " + count + " time(s).<br>";
}
Try it Yourself »

Automatic Cleanup

If you remove all references to a visitor object:

Tracking Visitors:

John = null;

// The entry for John is now removed from the WeakMap (persons)

Not Iterable

WeakMaps are not enumerable.

You cannot iterate over the keys and values with for loops, forEach(), or keys().

You cannot access the size.


Limited Methods

WeakMap provides a limited set of methods:

new WeakMap()Creates a new WeakMap object
get(key)Gets the value for a key in a WeakMap
set(key, value)Sets the value for a key in a WeakMap
delete(key)Removes an element specified by a key
has(key)Returns true if a key exists in a WeakMap

Weak Map Secret Data

Example

// Create WeakMap
const myMap = new WeakMap();

// Private Fields Simulation
class User {
  constructor(name) {
  myMap.set(this, {secret:"hidden data"});
  this.name = name;
 }
 getSecret() {
  return myMap.get(this).secret;
  }
}

const user1 = new User("John");
secret = user1.getSecret();
Try it Yourself »

Example Explained

A WeakMap does not allow iteration.

Outside code can not "discover" what objects are stored inside a WeakMap.

To get the secret, you need the this reference that was used in the constructor.

External code has access to user1 and myMap, bot not to the this reference inside myMap, unless you explicitly expose it, like via getSecret(), the secret value is unreachable.


Privacy

WeakMap was intentionally designed for privacy: you can set, get, has, and delete using an object key, but not inspect what is inside.

This was a great tool for simulating private properties in JavaScript classes (before #private fields were added to the language).



Browser Support

WeakMap is an ES6 feature.

ES6 is fully supported in all modern browsers since June 2017:

Chrome
51
Edge
15
Firefox
54
Safari
10
Opera
38
May 2016 Apr 2017 Jun 2017 Sep 2016 Jun 2016


×

Contact Sales

If you want to use W3Schools services as an educational institution, team or enterprise, send us an e-mail:
sales@w3schools.com

Report Error

If you want to report an error, or if you want to make a suggestion, send us an e-mail:
help@w3schools.com

W3Schools is optimized for learning and training. Examples might be simplified to improve reading and learning. Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness of all content. While using W3Schools, you agree to have read and accepted our terms of use, cookie and privacy policy.

Copyright 1999-2025 by Refsnes Data. All Rights Reserved. W3Schools is Powered by W3.CSS.

Лучший частный хостинг