DEV Community

Cover image for Closure and LocalStorage in Javascript
G Gokul
G Gokul

Posted on

Closure and LocalStorage in Javascript

closure:

A closure in JavaScript is a feature where an inner function retains access to the variables of its outer (enclosing) function, even after the outer function has finished executing.

example:

<script>
        function bank(){
        let min_balance = 500;
        const actions = {
            deposit : function (amt){
                min_balance = min_balance + amt;
            },
            withdraw : function (amt){
                min_balance = min_balance - amt
            },
            checkbalance : function(){
                console.log(min_balance)
            }
        }
        return actions;
    }

    const customer1 = bank();
    customer1.deposit(500);
    customer1.checkbalance();
    </script>
Enter fullscreen mode Exit fullscreen mode

output:
1000

Localstorage:

  • JavaScript localStorage is a feature that lets you store data in your browser using key-value pairs.
  • The data stays saved even after you close the browser, so it can be used again when you open it later.
  • This helps keep track of things like user preferences or state across different sessions.

Syntax:

localStorage
Enter fullscreen mode Exit fullscreen mode

Save Data to Local Storage:

localStorage.setItem(key, value);
Enter fullscreen mode Exit fullscreen mode

Read Data from Local Storage:

let lastname = localStorage.getItem(key);
Enter fullscreen mode Exit fullscreen mode

Remove Data from Local Storage:

localStorage.removeItem(key);
Enter fullscreen mode Exit fullscreen mode

Remove All (Clear Local Storage):

 localStorage.clear();
Enter fullscreen mode Exit fullscreen mode

Top comments (0)