https://dosideas.com/wiki/index.php?action=history&feed=atom&title=Closures_o_Clausuras_de_Javascript 2026-05-09T16:12:10Z Historial de revisiones para esta página en el wiki MediaWiki 1.28.2 https://dosideas.com/wiki/index.php?title=Closures_o_Clausuras_de_Javascript&diff=5794&oldid=prev 2011-06-28T15:53:06Z

<p>Página creada con &#039;<a href="/wiki/Categor%C3%ADa:JavaScript" title="Categoría:JavaScript">Category:JavaScript</a> ==Closures o Clausuras de <a href="/wiki/JavaScript" title="JavaScript">JavaScript</a>== El concepto es &quot;clausurar&quot; el contexto en el que se ejecuta una funcion, a esta funcion se la denomina &#039;&#039;Clos…&#039;</p> <p><b>Página nueva</b></p><div>[[Category:JavaScript]]<br /> ==Closures o Clausuras de [[JavaScript]]==<br /> <br /> El concepto es &quot;clausurar&quot; el contexto en el que se ejecuta una funcion, a esta funcion se la denomina ''Closure''.<br /> <br /> ===Como funcionan?===<br /> <br /> En donde se encuentra una funcion dentro de otra, la funcion interna tiene acceso a las variables de la funcion externa.<br /> <br /> &lt;code javascript&gt;<br /> function externa(x) {<br /> var variable = 3;<br /> <br /> function interna(y) {<br /> alert(x + y + (++variable));<br /> }<br /> <br /> interna(10);<br /> }<br /> <br /> externa(2);<br /> &lt;/code&gt;<br /> <br /> Esto siempre dará un alert de 16, porque ''interna()'' puede acceder a la ''x'' que fue definida como argumento en ''externa()'' y tambien puede acceder a ''variable'' de ''externa()''.<br /> <br /> Eso '''NO''' es un ''closure''. Un ''closure'' es cuando se retorna la funcion interna y esta misma cierra sus variables externas antes de salir.<br /> <br /> &lt;code javascript&gt;<br /> function externa(x) {<br /> var variable = 3;<br /> <br /> return function (y) {<br /> alert( x + y + (++variable) );<br /> }<br /> <br /> }<br /> var interna = externa(2); // interna es ahora un closure.<br /> interna(10);<br /> &lt;/code&gt;<br /> <br /> Tambien retornará un alert de 16, porque ''interna()'' todavia puede referenciar a ''x'' y ''variable'', aunque ya no este directamente dentro del alcance de ''externa()''.<br /> <br /> Sin embargo, como ''variable'' todavía esta siendo manejada dentro del closure ''interna()'', va a continuar incrementandose cada vez que ''interna()'' sea llamada, a diferencia del ejemplo anterior.<br /> <br /> ===Importante cuando trabajamos con Closures===<br /> <br /> En el último ejemplo ''x'' es un número literal y como todo literal en javascript, cuando se llame a ''externa()'' el numero ''x'' es copiado en la funcion como argumento.<br /> <br /> Por otro lado, javascript siempre utiliza referencias cuando trabaja con Objetos. Por ejemplo, si llamamos a ''externa()'' con un objeto, '''el closure que retornará estará referenciado al objeto original'''.<br /> <br /> &lt;code javascript&gt;<br /> function externa(x) {<br /> var variable = 3;<br /> <br /> return function (y) {<br /> alert(x + y + variable);<br /> x.unaProp = x.unaProp ? x.unaProp + 1 : 1;<br /> alert(x.unaProp);<br /> }<br /> <br /> }<br /> <br /> var edad = new Number(2);<br /> var interna = externa(edad); // interna es una closure referenciando al objeto edad.<br /> interna(10);<br /> &lt;/code&gt;<br /> <br /> Como es esperado, cada llamada a ''interna()'' incrementará ''x.unaProp''. Lo que puede no ser esperado es que ''x'' está referenciando al mismo objeto que guarda ''edad'', luego de un par de llamadas a ''interna()'' ''edad.unaProp'' valdrá 2.<br /> <br /> ==Ver también==<br /> * [http://es.wikipedia.org/wiki/JavaScript JavaScript en la Wikipedia]<br /> * [http://www.theserverside.com/tt/articles/article.tss?l=OOJavaScriptDemonstrated Conceptos y operaciones básicas]<br /> <br /> ==Fuente==<br /> * [http://stackoverflow.com/questions/111102/how-do-javascript-closures-work Stackoverflow: How do JavaScript closures work?]</div>

201.251.182.130