Diferencias

Muestra las diferencias entre dos versiones de la página.

--- unidades:01_introduccion:04_repasojs [2014/09/06 14:58] – admin
+++ unidades:01_introduccion:04_repasojs [2014/09/07 17:38] (actual) – [Closure] admin
@@ Línea 33: / Línea 33: @@
 <sxh js>
 function Persona() {
-this.nombre="Juan";
+  this.nombre="Juan";
-this.ape1="Garcia";
+  this.ape1="Garcia";
-this.edad=34;
+  this.edad=34;
 }
@@ Línea 71: / Línea 71: @@
 <sxh js>
 function Persona() {
-this.nombre="Juan";
+  this.nombre="Juan";
-this.ape1="Garcia";
+  this.ape1="Garcia";
-this.edad=34;
+  this.edad=34;
-this.getNombreCompleto=function() {
+  this.getNombreCompleto=function() {
     return this.nombre+this.ape1;
-};
+  };
 }
@@ Línea 89: / Línea 89: @@
 <sxh js>
 function sumar(a,b) {
-return a+b;
+  return a+b;
 }
@@ Línea 98: / Línea 98: @@
 <sxh js>
 var sumar=function (a,b) {
-return a+b;
+  return a+b;
 }
@@ Línea 104: / Línea 104: @@
 </sxh>
+  * Podemos hacer funciones que retornan funciones y llamarlas directamente.
+<sxh js>
+function getFunction() {
+  var sumar=function (a,b) {
+    return a+b;
+  }
+  return sumar;
+}
+var c=getFunction()(1,2);
+</sxh>
+===== Closure =====
+Ahora vamos a ver una de las cosas mas raras para un programador Java. Una closure. Inicialmente es como un simple puntero a una función, algo como lo que ya existía en C, pero hay algo más. Veamos el siguiente ejemplo:
+<sxh js;highlight:[3,6,12]>
+function getFunction() {
+  var extra=100;
+  var sumar=function (a,b) {
+    return a+b+extra;
+  }
+  return sumar;
+}
+var sumaClosure=getFunction();
+var c=sumaClosure(1,2);
+</sxh>
+Al ejecutar el ejemplo , la variable ''c'' vale 103. Igual no te parece raro pero cuando se está ejecutando la función ''sumaClosure'',ya no debería existir la variable ''extra'' pero si que existe y la función ''sumaClosure'' aun puede usar su valor aun cuando ya no estamos dentro de ''getFunction''. Es es realmente una closure. Una función que se ejecuta en el contexto de donde se creo no donde está ahora. Puede parecer que esto es poco útil, pero con tanta llamada asíncrona en JavaScript es realmente útil.
+El ejemplo lo podemos liar un poco mas añadiendo nuevas variables llamadas ''extra'' y veremos como no afecta al resultado, éste sigue siendo 103:
+<sxh js;highlight:[1,14,18]>
+var extra=1000;
+function getFunction() {
+  var extra=100;
+  var sumar=function (a,b) {
+    return a+b+extra;
+  }
+  return sumar;
+}
+extra=1100;
+var fn=getFunction();
+extra=1200;
+var c=fn(1,2);
+</sxh>