¿Qué es un Closure?
Contenido del curso
¿Qué es un Closure?
Contenido del curso
Moises Samuel Urias Moreno
Diego Vanegas
freddy conto mena
Carlos Andrés Padilla Arroyo
Dario Paladines
Gianmarco Cueva Apaza
Kevin Correa
maximo galarza
Joao Ivan Garduño Salgado
Zajith Corro Viveros
Amartana lng
Alejandro Ivan Mendieta
Billy Torres
Luis >
Rodmy Rivero
Carlos S. Aldazosa
César Palma
iker goitiandia
Beder Danilo Casa Condori
Juan Pablo Quispe Molina
Juan Pablo Quispe Molina
Freddy Humberto Mendoza Muñoz
Cristian Fernando Villca Gutierrez
Oscar Barajas Tavares
Team Platzi
Maria Camila Pulido Muñoz
David Rangel
Julian Roa Villamil
Daniel Ruben Rivas Saltos
Ricardo Alfonso Chavez Vilcapoma
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.
Los closures no son siempre utilizados.
Un closure es cuando una función accede a una variable fuera de su contexto.
Al trabajar con closures entra en juego el concepto de alcance de las variables.
Más claro no podria ser moises.
eran 30 minutos en youtube 9 en platzi o un par de parrafos rapido y al grano
Este tema del clousure siempre es algo extraño de digerir. Sin embargo, me costó menos trabajo ahora teniendo en cuenta que se abordó con bastante detalle el tema del scope global y local en los videos anteriores. Muy bien
El tema de las closures si es primera vez que lo ves puede ser confuso, pero voy a tratar de resumir según lo que entendí. Básicamente una closure es cuando usamos una variable de una funcion "padre" en una función "hijo". Además para que sea una closure es que estas funciones sean anidadas ("padre-hijo") En este ejemplo estoy creando funciones anidadas(una dentro de otra), y estoy usando la variable "a" que está declarada en la "primeraFN" y la estoy usando en la "segundaFN"
function primeraFN(){ const a = 1 function segundaFN(){ a = a + 1; } }
Claramente esta es la versión mas sencilla para entender inicialmente los clouseres, pero si cualquiera desea agregar mas información, o corregirme en algo bienvenido sea. :)
Yo entendí que primeraFN() tiene que retornar segundaFN() (la función declarada, no la función ejecutada)
Quedaría mas o menos así:
function primeraFN(){ const a = 1 return function segundaFN(){ a = a + 1; } }
ó
function primeraFN(){ const a = 1 const segundaFN = function() { a = a + 1; } return segundaFN; }
Esto para que luego se asigne a una variable y se pueda llamar independientemente, como:
const finalFN = primeraFN(); // fianlFN = function segundaFN(){ a = a + 1 }
Nótese que finalFN contiene solamente al hijo mas no al padre.
El Closure esta en que estamos accediendo a una variable de la función "padre" desde la función "hijo" aun estando "separado" de este, ya que finalFN no contiene al padre.
Esto se debe a que aun habiéndose separado, la variable del padre sigue vinculada a la función hijo por que aun esta accediendo a ella.
Les recomiendo ver este video que es una recomendación de otro compañero.
Y como dijo el compañero Dario, si tienen acotaciones, háganlas. Al final estamos construyendo conocimientos entre nosotros.
Antes de ver esta clase te recomiendo pasarte por esta lectura: Execution Context Y si quieres reforzar y entender más a profundidad los visto en la clase y en la lectura ve este video compartido por el compañero @pablozecua: video sobre closures
este curso abarca te mas muy engorrosos y los hace fáciles y entendibles sin tener clases de 30 minutos 10/10
Codigo:
const myGlobal = 0; function myFunction(){ const myNumber = 1; console.log(myGlobal); function parent(){ const inner = 2; console.log(myNumber, myGlobal); function child(){ console.log(inner, myNumber, myGlobal); } return child() } return parent(); } myFunction();
Thanks :smile:
Muchas gracias!!
Básicamente el ámbito léxico es, la accesibilidad de las variables depende de si están todas dentro de una misma función o bloque. y va de arriba hacia abajo, como cascada.
Una analogia buena para entender el clousure es que funciona como el polarizado de un auto. Uno estando dentro de un auto polarizad puede ver a los demas, como una funcion dentro de otra puede ver asi los elementos de afuera. Pero los demas que estan afuera no pueden vernos a nosotros estando dentro del auto polarizado, al igual que las funciones de afuera no tienen acceso al scope de otros bloques.
Closure
Una clausura o closure es una función que guarda referencias del estado adyacente (ámbito léxico). En otras palabras, una clausura permite acceder al ámbito de una función exterior desde una función interior. En JavaScript, las clausuras se crean cada vez que una función es creada.
// Lexical Scope // La función iniciar es una función externa. function iniciar() { // La variable nombre es una variable local creada por iniciar. let nombre = "Hola, mundo"; // La función mostrarNombre es una función interna, una clausura. function mostrarNombre() { // nombre es una variable declarada en la función externa. console.log(nombre); } mostrarNombre(); } iniciar(); // output // Hola, mundo
una pregunta.... porque hat que colocar los return ??? pense que al llamar myFunction todas las function se ejecutaban en cadena
Lo que pasa es que al retornarla, la función no se guarda en memoria como una variable declarada, esto ahorra memoria y "protege" las variables para que sean usadas únicamente en su contexto de ejecución, puedes profundizar con el video que compartio un companero
Las funciones en javascript pueden ser declaradas dentro de otras funciones (funciones anidadas) . Esto es algo que no ocurre en Java, C# que son lenguajes orientados a objetos (En python tambien pueden crearse closures). La particularidad de poder crear una función dentro de otra brinda a la función contenida la posibilidad de acceder a las variables declaradas en la función contenedora y por supuesto a las variables globales. Las closures es mas una característica de las funciones en javascript que las diferencia a las creadas en otros lenguajes ya mencionados.
const global_a = "Global" function contenedora(){ const contenedora_a = "Contenedora" function contenida(){ const contenida_a = "Contenida" return global_a +contenedora_a + contenida_a } return contenida() } console.log(contenedora())
En un curso que imparte Diego De Granda hacía la siguiente analogía para hablar del scope: Si tú vas por el campo, puede que pases por al lado de un hormiguero y no darte cuenta, pero las hormigas si se están dando cuenta de que tú pasas por al lado...
A mi me sirvió para entenderlo muy claro.
cierto, me hiciste acordar
EJEMPLO DE FUNCCION CLOSURE
const myGlobal = 0; function myFunction() { const myNumber = 1; console.log(myGlobal); function parent() { const inner = 2; console.log(myGlobal, myNumber); function child() { console.log(myGlobal, myNumber, inner); } return child; // No llames a child() aquí, solo devuelve la referencia a la función } return parent(); // Llama a parent() para obtener la referencia a la función child } var resultado = myFunction(); // funcion CLOSURE resultado(); // Llama a resultado() para ejecutar la función child
En el código proporcionado, tenemos una función myFunction que tiene dos funciones internas: parent y child.
Ahora, analicemos las llamadas a las funciones y el concepto de closures:
return parent();, se llama a la función parent. Esto devuelve la referencia a la función child, pero no la ejecuta. La referencia se asigna a la variable resultado.resultado();, se llama a resultado, que en realidad es una referencia a la función child. Al llamar a resultado(), se ejecuta la función child, lo que provoca que se impriman los valores de myGlobal, myNumber e inner.En resumen:
child es una función closure porque tiene acceso a las variables locales de su función externa parent, incluso después de que parent haya finalizado su ejecución.resultado() estamos ejecutando la función child, que se convierte en la función closure debido al acceso que tiene a las variables locales de parent.Espero que esto aclare el código y el concepto de closures en este contexto.
¿Qué es un Closure?
Un closure se crea cuando una función interna hace referencia a variables de una función externa. La función interna tiene acceso a las variables y parámetros de la función externa, incluso después de que la función externa haya terminado de ejecutarse.
Aquí tienes un ejemplo para ilustrar cómo se crea un closure en JavaScript:
function contador() { var contador = 0; function incrementar() { contador++; console.log(contador); } return incrementar; } var miContador = contador(); // función closure miContador(); // Output: 1 miContador(); // Output: 2
En el ejemplo anterior, la función contador define una variable llamada contador y una función interna llamada incrementar. La función incrementar tiene acceso a la variable contador y la puede modificar. Luego, la función contador devuelve la función incrementar.
Cuando se llama a contador() y se asigna el resultado a miContador, se crea un closure. miContador se convierte en una función que aún tiene acceso a la variable contador definida en la función contador. Cada vez que se llama a miContador(), el valor de contador se incrementa y se muestra en la consola.
El uso de closures en JavaScript es útil en situaciones donde se necesita preservar el estado de ciertas variables y tener acceso a ellas en un ámbito diferente al de su creación, como en el ejemplo anterior donde se mantiene un contador privado. Los closures son ampliamente utilizados en JavaScript para implementar patrones como módulos, funciones de retorno de llamada y manejo de eventos.
En JavaScript, una clausura o closure es una función que guarda referencias del estado adyacente (ámbito léxico). En otras palabras, una clausura permite acceder al ámbito de una función exterior desde una función interior.
En JavaScript, las clausuras se crean cada vez que una función es creada. Los closures son creados con toda la información del entorno donde fueron creados y mantienen la información de su ambiente.
Podría decirse que una closure es una manera de resolver problemas en javascript?
Si los entiendes, te ayudarán mucho en tu lógica de programación.
Mira este recurso -> Qué es un closure
Le pregunté al GPT cómo le explicaría un closure de JS a un niño de 10 años, me GUSTÓ la respuesta:
Imagina que estás jugando con bloques de construcción. En JavaScript, a veces tenemos funciones (pedacitos de código) que pueden recordar cosas incluso después de que terminaron de hacer su trabajo. Un "closure" es como si una función guardara en una cajita especial algunos de esos bloques de construcción para más tarde.
Entonces, si una función tiene una cajita especial y guarda algunos bloques adentro, incluso cuando la función termina, esos bloques siguen guardados en la cajita. Puedes pensar en esa cajita especial como un pequeño recuerdo que la función mantiene consigo.
Por ejemplo, imagina que tienes una función que cuenta cuántas veces has dado un paso. Cada vez que das un paso, la función guarda ese número en su cajita especial. Aunque la función termine, aún recuerda cuántos pasos diste porque está guardado en su cajita especial. Esa función es como un "closure" porque mantiene algo (el número de pasos) guardado incluso después de que hizo su tarea principal.
Que es un clousure
En JavaScript, un closure es una función que recuerda el estado de las variables en el momento en que se creó, incluso cuando la función se ejecuta en un entorno diferente.
En otras palabras, un closure es una función que tiene acceso a variables que están fuera de su alcance léxico, es decir, a variables que no están definidas dentro de la función en sí misma, sino en su ámbito exterior, ya sea en la función que la contiene o en el ámbito global. El closure "cierra" el ámbito en el que se creó y lo mantiene disponible para su uso posterior.
Los closures son útiles en situaciones donde se necesita acceder a variables que no están disponibles dentro de una función, como en el manejo de eventos, la implementación de funciones de devolución de llamada y la creación de módulos. Al usar closures, se pueden crear funciones que tienen acceso a variables privadas y mantenerlas aisladas del ámbito global, lo que ayuda a evitar conflictos de nombres y a escribir un código más seguro y modular.
Que es un Closure?
Los Closure permiten:
Acceder al ámbito de una función exterior desde una función interior. En JavaScript, las clausuras se crean cada vez que una función es creada.
A diferencia de otros conceptos como funciones, variables, u otros. Los closures no son siempre utilizados.
Aprender el concepto es saber identificar cuando lo estas utilizando.
Se tiene una closure cuando:
Una función cualquiera accede a una variable fuera de su contexto y la recuerda.
Codigo de la calse:
const myGlobal = 0; function myFunction(){ const myNumber = 1; console.log(myGlobal); //esto es un closure function parent() {// function interna const inner = 2; console.log(myNumber, myGlobal); function child() { console.log(inner, myNumber, myGlobal); } return child(); } return parent(); } myFunction();
se me hace mas entendible para mi decirle EL ÁMBITO DE LAS VARIABLES
Mi resumen de closure, espero haya entendido bien.
