Js ArrayBuffer memory leak

Question

I have a problem with ArrayBuffer. I don't understand why memory not frees up. Maybe someone knows how to fix it.

  // Main thread
  const startLongTask = () => {
    setLoading(true);

    const worker = new Worker(
      new URL("../webworkers/matrix.js", import.meta.url)
    );

    worker.onmessage = ({ data }) => {
      setLoading(false);
      console.log(data);

      worker.terminate();
    };

    const matrix = new Uint8Array(1000000000);
    worker.postMessage(matrix, [matrix.buffer]);
  };

// Worker thread
onmessage = ({ data: matrix }) => {
  const matrixView = new DataView(matrix.buffer);
  for (let i = 0; i < matrix.byteLength; i++) {
    matrixView.setInt8(i, i >= 255 ? 255 : i);
  }
  postMessage(matrix, [matrix.buffer]);
};

Does this answer your question? Memory leak when logging complex objects — tevemadar
– tevemadar, Commented Jun 1, 2022 at 20:08

Sergey · Accepted Answer · 2022-06-01 20:02:22Z

1

It looks like there is memory leak because of console.log(data);

With console.log

https://monosnap.com/file/Qwbu7LRGWFaHptic1bG5YLsVGyKj7d

Without console.log

https://monosnap.com/file/3yrkGDeCQo1jWxQ10SSDUDFXvd9g8T

answered Jun 1, 2022 at 20:02

Sergey

3361 silver badge4 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Tadas Bružas Over a year ago

Thaks, but firefox do the same thing, tested on linux and mac. Mac safari handle both scenarios with and without console.log, but very slow. Iphone safari and chrome after second click goes to infinite loop, firefox after second click crash.

Tadas Bružas Over a year ago

Same result in vanila js.

Cory · Accepted Answer · 2022-07-06 13:51:00Z

0

console.log() stores a ref to the object, and hence it can't be garbage collected. The object still resides in the console, even after your function finishes.

https://javascript.plainenglish.io/these-5-bad-javascript-practices-will-lead-to-memory-leaks-and-break-your-program-9cf692303043

Does console printing also cause a memory leak? Yes, if the browser doesn’t always store information about the object we print, how come we can see the specific data every time we open the Console?

answered Jul 6, 2022 at 13:51

Cory

11 bronze badge

Collectives™ on Stack Overflow

Js ArrayBuffer memory leak

2 Answers 2

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related