Finally Closure

You will finally understand what Closure is

by Cristi Salcescu

HTML

<button id="btn">
Click!
</button>

JavaScript

//simple closure
function init(){
	let state = 0;
  
  function increment(){
  	state += 1;
    return state;
  }
  
  increment();
}
init();

//setTimeout
function initTimer(){
	let state = 0;
    
  setTimeout(function increment(){
  	state += 1;
    return state;
  }, 60000);
}
initTimer();

//events
function initEvent(){
	let state = 0;
    
  $("#btn").on("click", function increment(){
  	state += 1;
    return state;
  });
}
initEvent();

//fetch
function initFetch(){
	let state = 0;
  
  let url = "https://jsonplaceholder.typicode.com/todos";
  fetch(url).then(function increment(){
  	state += 1;
    return state;
  });
}
initFetch();