JavaScript y la mayoría de otros lenguajes de programación , las variables locales de una función se destruyen después de que termine la función . Sin embargo , cuando se crea una función dentro de otra función en JavaScript, las variables locales de la función externa se conservan incluso después de que se termina porque las variables pueden hacer referencia a la función interna . El ejemplo siguiente contiene una función de " ganador " que crea un cierre a través de una función anónima , que vuelve . A eso le llamamos función anónima directamente desde el exterior sin tener que ir a través de la función principal :
ganador función ( nombre) { var ganador = " Usted gana el premio" + nombre ; var anunciar = function ( ) { alerta ( ganador) ;} if ( Math.floor ( Math.random () * 11 ) == 7 ) volver anunciar ; return null ;}
if ( var = sayit ganador ( "Steve ") ) sayit ();
pasar parámetros a controladores de eventos
Uno de los usos de los cierres es hacer que las variables disponibles para los controladores de eventos . Consideremos el siguiente ejemplo en el que el cierre se crea una función anónima se define en " SetHandler . " Las referencias a funciones anónimas un parámetro de " SetHandler . " En el momento se activa el evento , a pesar de que " SetHandler " ha terminado , los valores de sus variables , incluyendo sus parámetros , en la conclusión de la función se conservan para la función anónima . Un cierre por separado se crea para cada iteración del bucle.
SetHandler función ( puerta, premio) { door.addEventListener ( "click " , function () { alert (" Premio a la puerta " + puerta + "es" + premio) ;} , false) ;}
window.onload = function () {for (var i = 1 ; i < = 3 , i + + ) { SetHandler ( document.getElementById ( " puerta " + i ) , el premio [ i]) ;} }
pasar parámetros a funciones de devolución de llamada AJAX
similares al ejemplo anterior , podemos pasar parámetros a funciones de devolución de llamada de AJAX con cierres. Si realiza una llamada de AJAX en el que la variable de petición es global , se ha eliminado la posibilidad de pasar un parámetro a la función de devolución de llamada porque se crea una única solicitud global. Al hacer la solicitud variable local , puede crear un cierre y dar el acceso a la función de devolución de llamada de datos de solicitud específicos . En el siguiente ejemplo , se crea un cierre por definir la función de devolución de llamada que utiliza una variable local a su función principal. Un callback separado se crea para cada una de las 10 llamadas " makeRequest "
proceso
función () {for . (Var i = 0 ; i < 10 ; i + + ) { makeRequest ( i ) ;}
makeRequest función (que ) { var solicitud; usethis var = lookup (que ), si ( window.XMLHttpRequest ) { request = new XMLHttpRequest (); } else if ( window.ActiveXObject ) { request = new ActiveXObject ( " Microisoft.XMLHTTP " ) = function ( ) { parse ( usethis ) } request.onreadystatechange ;} request.open (" GET " , url ) ; request.send () ;}
privado Variables y Métodos en JavaScript
JavaScript , todos los miembros de un objeto son públicas, a diferencia de otros lenguajes orientados a objetos que permiten a las variables y métodos privados . Cierres le permiten emular los métodos privados y variables en JavaScript . En el siguiente ejemplo, el objeto " secretos " se ha creado y ejecutado sobre la definición . Cuando se ejecuta, que contiene un objeto anónimo con dos métodos: "show" y "super ", que toma un parámetro . Tanto el " secretCode " variable y la función " supersecreto " Sólo se puede acceder a través de los dos métodos en el objeto " secretos " . En efecto , son miembros privados de
secretos var = function ( ) { var secretCode = ((( 1 + Math.random ()) * 0x100000 )