Breaking News: Grepper is joining You.com. Read the official announcement!

what is closure in JavaScript

Add Answer

@CodeGrepperManu answered on January 18, 2020 Popularity 9/10 Helpfulness 3/10

answer what is closure in JavaScript

related closure in js

related closures in javascript

related closure in javascript

related javascript closure

related closure in javascript

related Closures in javascript

related Javascript Closure

related closure example in javascript

related javascript closure

what is closure in JavaScript

Comment

A combination of a function object and a scope (a set of variable bindings)

in which the function's variables are resolved is called a closure.

Callbacks are functions that are passed into another function as an argument.

Closures are functions that are nested in other functions, and it's often used to avoid scope clash

with other parts of a JavaScript program

<button type="button" onclick="funClosure()">Click to Count</button>

<p id="displayValue">0</p>
<script>
const add = (function(){
	let count = 0;
    return function(){
		count += 1;
        return count;
    }
})();

function funClosure(){
  document.getElementById("displayValue").innerHTML = add();
}
</script>

Popularity 9/10 Helpfulness 3/10 Language javascript

Source: Grepper

Tags: javascript

Link to this answer
Share Copy Link

Contributed on Mar 31 2023

@CodeGrepperManu

0 Answers Avg Quality 2/10

Closely Related Answers

closure in js

Comment

A closure gives you access to an outer function’s scope from an inner function
//example
function init() {
  var name = 'Mozilla'; // name is a local variable created by init
  function displayName() { // displayName() is the inner function, a closure
    alert(name); // use variable declared in the parent function
  }
  displayName();
}
init();

Popularity 10/10 Helpfulness 4/10 Language javascript

Source: Grepper

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on Nov 07 2020

Joyous Jackal

0 Answers Avg Quality 2/10

closures in javascript

Comment

// A closure is a function having access to the parent scope, 
// even after the parent function has popped.

function greeting() {
    let message = 'Hi';

    function sayHi() {
        console.log(message);
    }

    return sayHi;
}
let hi = greeting();
hi(); // still can access the message variable

Popularity 10/10 Helpfulness 4/10 Language javascript

Source: www.javascripttutorial.net

Tags: closures closure

Link to this answer
Share Copy Link

Contributed on Feb 01 2022

madhav

0 Answers Avg Quality 2/10

closure in javascript

Comment

-->closure in javascript
//closure is the combination of function and the lexical enviornment in
//which the function is defined.closure give you access to the functions
//and variables outside the function.
function outer(){
  const outerData ="outer";
  function inner(){
    const innerData="inner";
    console.log(`${outerData} and{innerData}`);
  }
  inner();
}
outer();

Popularity 10/10 Helpfulness 4/10 Language javascript

Source: Grepper

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on Dec 22 2021

tokyo

0 Answers Avg Quality 2/10

javascript closure

Comment

function makeAdder(x) {
  return function(y) {
    return x + y;
  };
}

var add5 = makeAdder(5);
var add10 = makeAdder(10);

console.log(add5(2));  // 7
console.log(add10(2)); // 12

Popularity 10/10 Helpfulness 4/10 Language javascript

Source: Grepper

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on Jan 18 2020

Grieving Goshawk

0 Answers Avg Quality 2/10

closure in javascript

Comment

function makeFunc() {
  var name = 'Mozilla';
  function displayName() {
    alert(name);
  }
  return displayName;
}

var myFunc = makeFunc();
myFunc();

Popularity 10/10 Helpfulness 3/10 Language javascript

Source: developer.mozilla.org

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on Jul 04 2020

Black Buzzard

0 Answers Avg Quality 2/10

Closures in javascript

Comment

let counter = (function() {
    let i = 0; // private property

    return {   // public methods
        get: function() {
            alert(i);
        },
        set: function(value) {
            i = value;
        },
        increment: function() {
            alert(++i);
        }
    };
})(); // module

counter.get();      // shows 0
counter.set(6);
counter.increment(); // shows 7
counter.increment(); // shows 8

Popularity 10/10 Helpfulness 3/10 Language javascript

Source: en.wikipedia.org

Tags: closures closure

Link to this answer
Share Copy Link

Contributed on Apr 29 2022

Ali Salman

0 Answers Avg Quality 2/10

Javascript Closure

Comment

function makeFunc() {
  var name = 'Mozilla';
  function displayName() {
    alert(name);
  }
  return displayName;
}

var myFunc = makeFunc();
myFunc();

Popularity 10/10 Helpfulness 3/10 Language javascript

Source: developer.mozilla.org

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on Jun 17 2022

Peter Ime

0 Answers Avg Quality 2/10

closure example in javascript

Comment

function outerFunction() {
  var outerVariable = 'I am an outer variable';

  function innerFunction() {
    var innerVariable = 'I am an inner variable';
    console.log(outerVariable);
  }

  return innerFunction;
}

var closureExample = outerFunction();
closureExample();

Popularity 9/10 Helpfulness 3/10 Language javascript

Source: Grepper

Link to this answer
Share Copy Link

Contributed on Sep 11 2023

YOU.com

0 Answers Avg Quality 2/10

javascript closure

Comment

function makeAdder(x) {
  return function(y) {
    return x + y;
  };
}

var add5 = makeAdder(5);
var add10 = makeAdder(10);

console.log(add5(2));  // 7
console.log(add10(2)); // 12

//my words: what this code do is basically a nested function that will return
//its inner function (un-activated). So var add5 in line 7 activated the outer
//function with 5 as parameter which makes add5 is now the nameless function at
//line 2 that will return 5 + y;

//MDN words:
//add5 and add10 are both closures. They share the same function body
//definition, but store different lexical environments. In add5's lexical
//environment, x is 5, while in the lexical environment for add10, x is 10.

Popularity 10/10 Helpfulness 3/10 Language javascript

Source: developer.mozilla.org

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on Jan 20 2022

Graceful Grivet

0 Answers Avg Quality 2/10

what is closure in JavaScript

Contents

More Related Answers

what is closure in JavaScript

Closely Related Answers

closure in js

closures in javascript

closure in javascript

javascript closure

closure in javascript

Closures in javascript

Javascript Closure

closure example in javascript

javascript closure

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.