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

es6 closures

Add Answer

Kaotik answered on January 18, 2020 Popularity 9/10 Helpfulness 2/10

answer es6 closures

related closures in javascript

related javascript closure

related Closures in javascript

related Javascript Closure

related javascript closure

related js closure examples

related How do JavaScript closures work?

related javascript closure

related JavaScript - Closures

es6 closures

Comment

var makeCounter = function() {
  var privateCounter = 0;
  function changeBy(val) {
    privateCounter += val;
  }
  return {
    increment: function() {
      changeBy(1);
    },
    decrement: function() {
      changeBy(-1);
    },
    value: function() {
      return privateCounter;
    }
  }
};

var counter1 = makeCounter();
var counter2 = makeCounter();
alert(counter1.value()); /* Alerts 0 */
counter1.increment();
counter1.increment();
alert(counter1.value()); /* Alerts 2 */
counter1.decrement();
alert(counter1.value()); /* Alerts 1 */
alert(counter2.value()); /* Alerts 0 */

Popularity 9/10 Helpfulness 2/10 Language javascript

Source: developer.mozilla.org

Tags: closures javascript

Link to this answer
Share Copy Link

Contributed on Feb 20 2020

Kaotik

0 Answers Avg Quality 2/10

Closely Related Answers

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

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

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

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

js closure examples

Comment

function outer() {
  var counter = 0; // Backpack or Closure
  function incrementCounter() {
    return counter++;
  }
  return incrementCounter;
}

const count = outer();
count(); // 0
count(); // 1
count(); // 2

Popularity 10/10 Helpfulness 3/10 Language javascript

Source: Grepper

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on May 17 2021

Obviously you're not a golfer.

0 Answers Avg Quality 2/10

How do JavaScript closures work?

Comment

/*
A lexical environment is part of every execution context (stack frame) and is a map between identifiers (i.e. local variable names) and values.

Every function in JavaScript maintains a reference to its outer lexical environment. This reference is used to configure the execution context created when a function is invoked. 
This reference enables code inside the function to "see" variables declared outside the function, regardless of when and where the function is called.

If a function was called by a function, which in turn was called by another function, then a chain of references to outer lexical environments is created.
This chain is called the scope chain.

In the following code, inner forms a closure with the lexical environment of the execution context created when foo is invoked, closing over variable secret:
*/
function foo() {
  const secret = Math.trunc(Math.random() * 100)
  return function inner() {
    console.log(`The secret number is ${secret}.`)
  }
}
const f = foo() // `secret` is not directly accessible from outside `foo`
f() // The only way to retrieve `secret`, is to invoke `f`
 Run code snippet

Popularity 10/10 Helpfulness 2/10 Language javascript

Source: stackoverflow.com

Tags: closures closure

Link to this answer
Share Copy Link

Contributed on Jun 22 2022

Sleepy Squirrel

0 Answers Avg Quality 2/10

javascript closure

Comment

function numberGenerator() {
  // Local “free” variable that ends up within the closure
  var num = 1;
  function checkNumber() { 
    console.log(num);
  }
  num++;
  return checkNumber;
}

var number = numberGenerator();
number(); // 2

Popularity 9/10 Helpfulness 2/10 Language javascript

Source: www.freecodecamp.org

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on Jun 11 2022

Teodor Savov

0 Answers Avg Quality 2/10

JavaScript - Closures

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

//=====
//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 2/10 Language javascript

Source: developer.mozilla.org

Tags: closures closure

Link to this answer
Share Copy Link

Contributed on Jul 19 2021

The Arborist

0 Answers Avg Quality 2/10

es6 closures

Contents

More Related Answers

es6 closures

Closely Related Answers

closures in javascript

javascript closure

Closures in javascript

Javascript Closure

javascript closure

js closure examples

How do JavaScript closures work?

javascript closure

JavaScript - Closures

Grepper

Documentation

Social

Legal

Contact

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