Recall

Tienes un closure cuando una función cualquiera accede a una variable fuera de su contexto y la recuerda

ámbito léxico describe cómo las funciones anidadas tienen acceso a las variables definidas en los ámbitos de sus padres

Documentation / Aditional

Closures - JavaScript | MDN

https://www.youtube.com/watch?v=JXG_gQ0OF74

Tutorial de cláusula de JavaScript: cómo funcionan las cláusulas y el ámbito (scope) léxico en JS

Closures y Scope

Notes

• Los closures permiten acceder al ámbito de una función exterior desde una función interior.

  • En javascript, los closures se crean cada vez que una función es creada.
  • No siempre son utilizados

• Los Closures son funciones que retornan otras funciones y recuerdan el scope en el que fueron creadas

  function buildSun(a) {
    return function(b) {
      return a + b
    }
  }
  const addFive = buildSun(5)
  console.log(addFive(5))  //10
  
  // funcion flecha
  const buildSun = (a) => (b) => a + b
  

• Utilizan sus propias variables independientes

function moneyBox() {
  let saveCoins = 0;
  function countCoins(coins) {
    saveCoins += coins;
    console.log(`MoneyBox: $${saveCoins}`)
  }
  return countCoins;
}

const myMoneyBox = moneyBox();
myMoneyBox(5);
myMoneyBox(5);
myMoneyBox(15);

const moneyBoxAna = moneyBox();
moneyBoxAna(10);
moneyBoxAna(20);
moneyBoxAna(5);

Ejemplos ++

• Diferencia entre Closure y ámbito léxico
  • Closure proporciona acceso al ámbito léxico
  • Ambas funciones tienen acceso al ámbito de su padre
  • Closure incluso después de que la función padre haya terminado de ejecutar.

<aside> 📌 SUMMARY: Los closures son funciones que retornan otras funciones y recuerdan el scope (ámbito léxico) en el que fueron creadas.

</aside>