DOMStore FB Interview Question

gistfile1.txt

We need to use a WeakMap because if we store the actual dom node as on Object or Map we would run into this issue [object Object]

class DOMStore {
  constructor(){
    this.store = new WeakMap();
  }
  set(key,val){
     this.store.set(key,val);
  }
  get(key){
     return this.store.get(key);
  }
  has(key){
    return this.store.has(key);
  }
}

const store = new DOMStore();

// From querySelector, an event listener, etc...
const a = document.createElement('div');
const b = document.createElement('p');

store.set(a, 3);
store.set(b, 'x');

store.get(a) // 3
store.get(b) // 'x'

store.has(a) // true
store.has(b) // true