Pasar funcion de un objeto por argumento

derkenuke · #1 (**permalink**) 21/10/2006, 13:35

Bueno, ya estamos otra vez con las duditas teoricas...

Ya sabemos que javascript nos deja hacer esto:

Código PHP:

  function suma(a,b) { return a+b; } 
function haz(f,a,b) { return f(a,b); } 
 
alert( haz(suma,a,b) );

Siempre que la función no sea un método de un objeto. Si quisiéramos hacerlo con un método de una instancia, ¿cómo haríamos?:

Código PHP:

  function haz(f) { return f(); } 
 
function pareja(uno,dos) { 
    this.uno=uno; this.dos=dos; 
    this.sumanos=function() { 
        return this.uno+this.dos; 
    } 
} 
 
var laPareja=new pareja(3,6); 
alert( haz(laPareja.sumanos) );

Si se os ocurre...

Cap.Buscapina · #2 (**permalink**) 21/10/2006, 15:36

Cita:

Iniciado por derkenuke

Bueno, ya estamos otra vez con las duditas teoricas...

bueno...., yo no debería meterme, de teoría poco y nada.

Cambiando esta linea se obtiene el resultado

Código HTML:

alert(laPareja.sumanos());

pero ya no se llama a haz(), que seguramente es lo que pretendes.

Saludos y disculpa por la intromicion.

kepawe · #3 (**permalink**) 21/10/2006, 19:33

Hola derkenuke y Cap.Buscapina, normalmente se utiliza el método apply o call para solucionar este tipo de problemas , envío un ejemplo con comentarios, es un poco chaposo, pero ya se sabe, es teoría

.

Código:

<head>
<title>Untitled</title>
</head>
<body>
<script language="JavaScript" type="text/javascript">
<!--
var uno = 1;
var dos = 2;
function haz(f) { 

	/*f() daría error ya que enviamos sólo la función 
	/function() { 
        return this.uno+this.dos;
    }
	y this en este caso se refiere a window, 
	si pondríamos f() devolvería 3, es decir  uno + dos,
	por lo tanto debemos utilizar de nuevo el método apply
	*/
	
	return f.apply(this)

  }

function haz2(f){
 // en este caso sólo enviamos el nombre de la función que es un método
 // de objecto laPareja que previamente hemos asignado a this con el método apply.
 return  this[f]()

}
function pareja(uno,dos) {
    this.uno=uno; this.dos=dos;
    this.sumanos=function() { 
        return this.uno+this.dos;
    }
}

var laPareja=new pareja(3,6);
// con el método apply this es igual a el objecto la laPareja y enviamos la función como argumento;
alert( haz.apply(laPareja,[laPareja.sumanos]));  
// de nuevo aplicamos el método apply pero en vez de enviar la función enviamos sólo el nombre de la función;
alert( haz2.apply(laPareja,["sumanos"]));  
//-->
</script>

</body>
</html>

Saludos

derkenuke · #4 (**permalink**) 22/10/2006, 07:25

Exacto kepawe! Has dado en el clavo!

Ademas no conocía los métodos esos call() y apply(). He estado trasteando mucho con ellos ahora, son muy interesantes Para hacer menos farragosa la cosa.

Gracias!

kepawe · #5 (**permalink**) 22/10/2006, 10:27

Me alegra haberte servido de ayuda

, puedes encontrar ejemplos muy interesantes en la librería prototype, por ejemplo los métodos bind, bindAsEventListener y muchos otros que utilizan apply y call.
Saludos

y hasta la próxima.