funciones callbacks ?

[miktrv]

Buenas,

Quisiera saber que aporta hacer las funciones de esta forma?

Tengo algo de información, pero quiero vuestra info

Código Javascript:

square = function(x) {
  return x * x;
};
 

[Italico76]

Amigo:

Se llaman "funciones anonimas", tambien existen en PHP por ejemplo desde las ultimas versiones y es una forma muy usada en lenguajes de "programacion funcional"

Se usan cuando se quiere hacer algo puntual y porque permiten hacer otras cosas interesantes como:

reduce() similar al reduce() de Python o al array_reduce() de PHP,
map() similar al map() de Python o al array_map() en PHP.
etc ..

Esta forma de programacion es propia de lenguajes como Haskell pero la encuentras en PHP 5.3+, C++, C#, JavaScript,...


https://developer.mozilla.org/en-US/...s/Array/Reduce
https://developer.mozilla.org/en-US/...al_Objects/Map

[jp91]

El hecho que le coloques nombre a una funcion puede ser para identificarla, poder ver en la consola de errores cuando es llamada. Pero tambien existen esta funciones que son anonimas.

Código Javascript:

var square = function(x) {
//parametros son tomados como variables dentro de la funcion
  return x * x;
};
square(4)//16
 

Esto es una funcion objeto creada con una funcion literal y tienen una union al contexto de afuera en pocas palabras esto es llamado "closure" una gran herremienta;

[miktrv]

Perfecto!

Las conozco por Symfony 2. Sin embargo, no acabo de entender al 100% su potencial,

Un saludo!!!!

[jp91]

jjejeje otro ejemplo de closure:

Código Javascript:

var algo = function (parametro) {
return {
obtener: function ( ) {
return parametro;
}
};
};
// hacemos uan instancia
var otroAlgo = algo("genial");
//llamamos al metodo
otroAlgo.obtener();//genial
 

si te has percatado sin necesidad de usar "new" la variable otroAlgo puede acceder a la propiedad de la variable algo, esto es posible porque esa funcion retorna un objeto y es almacenada en la otra variable.

[Italico76]

@jp91 : ese ejemplo tiene un problemita... y es que no es una clase como quisieras que fuera pero sirve para ver una caracteristica importante de las funciones anonimas en JavaScript que es el "memorizar" sus variables locales aun cuando la funcion finaliza.

[jp91]

jejje exacto no es ningun tipo de clase, mmm no estoy apegado a ese tipo de paradigma , aunque claro es muy util, partiendo claro que en javascript no hay clases y que la palabra "new" se adapto a javascript solo para hacerlo un poco parecido a su contricante, porque en su tiempo java era muy popular. Saludos

[Italico76]

@jp91 : pues aca mi intento jejeje

Código Javascript:

<script language="JavaScript">
    
    // funcion "polimorfica"
    var saludar =  function (nombre, lang )
                {                           
                    lang = lang || 'es';                    
                    
                    if (lang.lenght >2)
                        return null;
                                        
                    saludar_es = function ( )
                    {
                            return('Hola '+nombre);
                    };
                            
                    saludar_en = function ( )
                    {
                            return('Hi '+nombre);
                    };  
                        
                    saludar_it = function ( )
                    {
                            return('Ciao '+nombre);
                    };      
                        
                    return eval('saludar_'+lang+'()');
                };
                
                
    // hacemos una instancia
    var saludo = saludar("Juan",'it'); 
    
    console.log(saludo);  // Ciao Juan
    
    </script>
 

Uso closures para "sobrecargar" la funcion saludar (aunque tecnicamente no si es exacto)

[jp91]

jejejeje genial, le quitaria ese eval, y hiciera un metodo para obtener el idioma, digamos
saludar.enEspañol("juan") jjj solo lo haria por hobbies mios.

[Italico76]

Que payasada la mia!!! en fin... no habia leido sobre prototipos y estaba jugando ...

En fin.. esto es mas util para clarificar el poder de "memorizacion" de los closures:

Código Javascript:

<script type="text/javascript">
    /*
        Capacidad de memorizacion de variables locales de closures
        
        @author: Pablo Bozzolo (italico76)
    
    */
 
    f = function(){
        if (typeof contador == "undefined"){
            contador=1;
            console.log('Hi, this is the '+contador+'st you\'ve visted me');
        }else{
            contador++          
            console.log('Hi, this is the '+contador+'nd you\'ve visted me');
        }   
        
        
    };
  
    f();
    f();
    f();
  
</script>
 

Imprime en la consola:

Hi, this is the 1st you've visted me
Hi, this is the 2nd you've visted me
Hi, this is the 3nd you've visted me

[dashtrash]

Iniciado por Italico76

Que payasada la mia!!! en fin... no habia leido sobre prototipos y estaba jugando ...

En fin.. esto es mas util para clarificar el poder de "memorizacion" de los closures:

En ese código no hay ningún closure, al menos en su definición usual.
La variable "contador" no es una variable local.Es una variable global.
Se puede argumentar que, estrictamente hablando, el acceso a una variable global se resuelve a través del closure de la función con respecto al ámbito global, pero no es la definición "normal" de closure.

[Italico76]

Iniciado por dashtrash

En ese código no hay ningún closure, al menos en su definición usual.
La variable "contador" no es una variable local.Es una variable global.
Se puede argumentar que, estrictamente hablando, el acceso a una variable global se resuelve a través del closure de la función con respecto al ámbito global, pero no es la definición "normal" de closure.

Estoy complicado...... no logro hacer local a la variable, pero si se puede ? una mano ?

Código Javascript:

<script type="text/javascript">
    f = function(){
        if (typeof this.contador == "undefined"){
            this.contador=1;
            console.log('Hi, this is the '+this.contador+'st you\'ve visted me');
        }else{
            this.contador++         
            console.log('Hi, this is the '+this.contador+'nd you\'ve visted me');
        }           
    };
  
    f();
    f();
    f();
  
</script>
 

Y gracias por tu correccion......me ayuda ser mejor ;)

[dashtrash]

En el código anterior, no puedes usar this, ya que no tienes un objeto función al que aplicarlo (no se ha hecho "new").
Más o menos, lo que quieres hacer es:

Código Javascript:

var q=(
        function()
       { 
               var contador=0; // Variable local a la funcion autoejecutable.
               return function(){console.log(contador);contador++;};
       })();
q();
q();
q();
 

Esta construccion es muy interesante, por otro motivo.Este código:

Código Javascript:

var MyClass=(function(){ 
        var contador=0; 
        function privateMethod(){
             console.debug("called private:"+contador);
              contador++;
         }; 
         return function()
         {
                this.callPrivate=function(){privateMethod();};
          };
    })();
 
var instance=new MyClass();
instance.callPrivate(); // escribe en consola : called private 0
instance.callPrivate(); // escribe en consola : called private 1
instance.callPrivate();  // escribe en consola : called private 2
instance.privateMethod() ; // escribe en consola: TypeError: undefined is not a function
instance.contador; // undefined
 

Como se ve, el closure y la funcion autoinvocada hace que privateMethod y contador sólo sean accesibles desde dentro de una instancia del objeto funcion retornado por la funcion autoinvocada.Esto es una forma de simular variables y métodos privados en clases javascript.

[Italico76]

O sea que tiene que haber anidamiento para escapar del ambito global ? esta ahi el chiste ?

Muy buenos ejemplos! gracias!

[jp91]

Hey @dastrash asi es, en esencia funciones que retornan funciones o funciones que retornan objetos etc, javascript nos ayuda a cambiar un poco de pensamiento como todo es de caraceter publico mucha gente se confunde y ni hablemos del "this", Como las variable en js viven en el ambito que se crean. puedes usar un module pattern.

Código Javascript:

var objeto = {
mensaje: (function () {
var accion = "llama a",quien = "Juan";
return accion + " " + quien;
}()),
obtenerMensaje: function () {
return this.mensaje;
}
};
objeto.obtenerMensaje(); // "llama a juan"
 

Y y con prototipos

Código Javascript:

function juguete() {
// private member
var nombre = 'carro';
// public function
this.obtenerNombre = function () {
return nombre;
};
}
juguete.prototype = (function () {
// privacidad
var algo = "google";
// publico
return {
obtenerAlgo: function () {
return algo;
}
};
}());
var otroJuguete = new juguete();
console.log(otroJuguete.obtenerNombre()); 
console.log(otroJuguete.obtenerAlgo());