nolanlawson/index.html

## index.html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Demo heap snapshot retainment</title>
</head>
<body>
<h1>Demo heap snapshot retainment</h1>

<button>Add a memory leak</button>

<script>
  (() => {

    const weakMap = new WeakMap()

    class BarObject {
      constructor() {
        this.circularReference = () => console.log(this)
      }
    }

    class FooObject {
      constructor() {
        const barObject = new BarObject()
        this.barObject = barObject
        weakMap.set(barObject, this)
      }
    }

    document.querySelector('button').addEventListener('click', () => {
      const objectReferencedByClosure = new FooObject()

      window.addEventListener('resize', () => {
        console.log(objectReferencedByClosure)
      })
    })
  })()
</script>
</body>
</html>
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title>Demo heap snapshot retainment</title>
	</head>
	<body>
	<h1>Demo heap snapshot retainment</h1>

	<button>Add a memory leak</button>

	<script>
	(() => {

	const weakMap = new WeakMap()

	class BarObject {
	constructor() {
	this.circularReference = () => console.log(this)
	}
	}

	class FooObject {
	constructor() {
	const barObject = new BarObject()
	this.barObject = barObject
	weakMap.set(barObject, this)
	}
	}

	document.querySelector('button').addEventListener('click', () => {
	const objectReferencedByClosure = new FooObject()

	window.addEventListener('resize', () => {
	console.log(objectReferencedByClosure)
	})
	})
	})()
	</script>
	</body>
	</html>