DeveloperBreeze

Javascript Programming Tutorials, Guides & Best Practices

Explore 93+ expertly crafted javascript tutorials, components, and code examples. Stay productive and build faster with proven implementation strategies and design patterns from DeveloperBreeze.

Tutorial
javascript

Understanding Closures in JavaScript: A Comprehensive Guide

function createCounter() {
    let count = 0;

    return {
        increment: function() {
            count++;
            return count;
        },
        decrement: function() {
            count--;
            return count;
        },
        getValue: function() {
            return count;
        }
    };
}

const counterObj = createCounter();
console.log(counterObj.increment());  // Output: 1
console.log(counterObj.increment());  // Output: 2
console.log(counterObj.decrement());  // Output: 1
console.log(counterObj.getValue());   // Output: 1

In this example, the createCounter function creates a closure that keeps track of the count variable. The returned object allows you to increment, decrement, and get the current value of count without exposing the variable directly.

Aug 30, 2024
Read More