JavaScript Memory Management System

JavaScript Memory Management System

The main goal of this article is help to readers to understand that how memory management system performs in JavaScript. I will use a shorthand such as GC which means Garbage Collection. When the browsers use Javascript, they need any memory location to store objects, functions, and all other things. Let’s deep in dive that how things going to work in GC.

The main goal of this article is to help to readers to understand how memory management system performs in JavaScript.

I will use a shorthand such as GC which means Garbage Collection. When the browsers use Javascript, they need any memory location to store objects, functions, and all other things. Let’s deep in dive that how things going to work in GC.

Image for post

The JavaScript Engine’s Garbage collector’ looks out for objects which are unreachable and also removed from the memory.

So I will share an example below and show you steps that will be needed to work with GC.

var number = 50;                // allocates memory for a number

var string = 'textual data';  // allocates memory for a string
var object = {x: 10};         // allocates memory for an object
var x= [10, null, 'abra'];     // allocates memory for the array
function f(x) {               // allocates memory for a function
return x * 2;
}                              

The example shows how JavaScript allocates memory for the variables when they declare. But when the memory is no longer needed, the allocated memory will be released. GC finds the memory no longer used by the application and releases it. But the main question is that how GC finds the memory no longer used?

The basic algorithm for doing that is called “mark-and-sweep”.

javascript-development javascript-tips javascript-frameworks javascript programming

Bootstrap 5 Complete Course with Examples

Bootstrap 5 Tutorial - Bootstrap 5 Crash Course for Beginners

Nest.JS Tutorial for Beginners

Hello Vue 3: A First Look at Vue 3 and the Composition API

Building a simple Applications with Vue 3

Deno Crash Course: Explore Deno and Create a full REST API with Deno

How to Build a Real-time Chat App with Deno and WebSockets

Convert HTML to Markdown Online

HTML entity encoder decoder Online

Top 15 Free JavaScript Frameworks for Web Applications

List of some useful JavaScript Frameworks and libraries for website, web apps, and mobile apps development, that developers should know about to make selection easier.

How to start writing less error-prone code in JavaScript

How to start writing less error-prone code in JavaScript - Everything in JavaScript is an object!’. We said that this assertion is false. Many things in JavaScript can behave like an object, but that doesn’t mean it’s the object. We can say we have three types of objects (objects, functions and arrays) in JavaScript.

Learning JavaScript: Development Environments for JavaScript Programming

One of the nice things about learning JavaScript these days is that there is a plethora of choices for writing and running JavaScript code. In this article, I’m going to describe a few of these environments and show you the environment I’ll be using in this series of articles.

JavaScript Date: Building a React Hook For Date Selector

This week, I had to construct a date selector form in React that looks like this. As you can see, the user interface includes the surrounding month and date options in addition to the selected date. This means that I need to not only keep track of the current date, but I also need a way to conveniently figure out how many days are in the selected month.

3 Tips for Better Objects in JavaScript

Almost all objects in JavaScript are instances of Object and therefore inherit methods from Object.prototype . Some examples of these methods are hasOwnProperty , propertyIsEnumerable , and isPrototypeOf . There are a number of subtle bugs which can occur when you call these methods directly on an object.