Javascript의 WeakMap

최근 Javascript의 성능 문제를 해결하기 위해 남용WeakMap했습니다.WeakMap는 더 강력한 형제인 Map와 매우 유사한 방식으로 작동합니다. 키와 값을 제공합니다. 해당 키의 값을 검색해야 할 때마다 WeakMap에서 가져올 수 있습니다.MapWeakMap의 차이점은 후자가 키에 대한 참조를 보유하지 않는다는 것입니다. 가비지 수집기가 메모리에서 키를 지워야 하는 경우 WeakMap는 괜찮다고 말하고 키와 값은 동시에 클리어.

캐싱



이 특성이 주는 힘은 메모리 누수 위험 없이 캐싱을 시작할 수 있다는 것입니다. 키를 수집할 준비가 된 경우 캐시는 GC 방식에 문제가 되지 않습니다.
weakMemoize를 사용하여 캐싱 레이어로 함수를 장식하는 WeakMap라는 고차 함수를 구현할 수 있습니다.

function weakMemoize(toDecorate) {
  const cache = new WeakMap()
  return function (value) {
    if (!cache.has(value)) {
      cache.set(value, toDecorate(value))
    }
    return cache.get(value)
  }
}


그런 다음 함수를 캐시하는 데 사용할 수 있습니다.

const getKeys = weakMemoize((value) => {
    return Object.keys(value)
})

const obj = { a: 10, b: 20, c: 30 }

getKeys(obj)
// second time the value is read from the cache.
getKeys(obj)

obj 또는 getKeys가 범위를 벗어날 때마다 가비지 수집기도 맵에서 값을 수집하기 때문에 이것의 메모리 소비에 대해서는 걱정하지 않습니다. 내 함수 구현에 추가 복잡성 없이 두 번째 실행Object.keys을 피하고 있습니다.

고려 사항



고려해야 할 몇 가지 사항. A WeakMap 키는 객체( object 또는 Array )만 될 수 있으며 기본 값을 키로 사용할 수 없습니다.
또 다른 고려 사항은 수명이 긴 개체가 있는 경우 이와 같은 것을 캐싱하는 것이 그다지 유익하지 않을 수 있으며 많은 개체가 메모리에 유지된다는 것입니다. LRU 캐시 사용을 고려하십시오.

또한 자신의 weakMemoize 를 구현할 필요가 없으며 npm 에 좋은 구현이 있습니다.

읽어 주셔서 감사합니다!
내 게시물에 문제가 있습니까? 에 댓글을 달거나 연락해 주세요.

좋은 웹페이지 즐겨찾기