MooTools - Funciones
Las funciones de MooTools son un concepto de JavaScript. Ya sabemos cómo utilizar funciones en JavaScript. Generalmente, es mejor mantener la función fuera del cuerpo de la página en la etiqueta del script. En MooTools, seguimos el mismo patrón. Aquí, puede diseñar su propia función de acuerdo con los requisitos. Ahora tenemos que llamar a todas las funciones definidas por el usuario en eldomready función.
Eche un vistazo a la siguiente sintaxis para comprender cómo usar la función generalizada en MooTools.
Sintaxis
<script type = "text/javascript">
/*
Function definitions go here
*/
window.addEvent('domready', function() {
/* Calls to functions go here */
});
</script>Estructura basica
Hay algunas formas básicas de definir una función en MooTools. No hay diferencia entre las sintaxis de funciones de JavaScript y MooTools, pero la diferencia está en llamar a una función. Tomemos un pequeño ejemplo que define una función llamada demo_function. Eche un vistazo al siguiente código.
Ejemplo
<html>
<head>
<script type = "text/javascript" src = "MooTools-Core-1.6.0.js"></script>
<script type = "text/javascript" src = "MooTools-More-1.6.0.js"></script>
<script type = "text/javascript">
//Define simple_function as a function
var simple_function = function(){
document.write('This is a simple function');
}
window.addEvent('domready', function() {
//Call simple_function when the dom(page) is ready
simple_function();
});
</script>
</head>
<body>
</body>
</html>Recibirá el siguiente resultado:
Salida
Función de parámetro único
También puede crear una función que acepte un parámetro. Para usar parámetros con funciones, debe agregar un nombre de variable entre paréntesis. Una vez que la proporcione, la variable estará disponible en el interior para su uso. Tomemos un ejemplo que define una función que toma un solo parámetro e imprime un mensaje junto con el parámetro.
Eche un vistazo al siguiente código.
Ejemplo
<!DOCTYPE html>
<html>
<head>
<script type = "text/javascript" src = "MooTools-Core-1.6.0.js"></script>
<script type = "text/javascript" src = "MooTools-More-1.6.0.js"></script>
<script type = "text/javascript">
var single_parameter_function = function(parameter){
document.write('The parameter is : ' + parameter);
}
window.addEvent('domready', function(){
single_parameter_function('DEMO PARAMETER');
});
</script>
</head>
<body>
</body>
</html>Recibirá el siguiente resultado:
Salida
Devolver un valor
Siempre que desee utilizar el resultado de una función como entrada para otra variable, debe utilizar el valor de retorno para esa función. Puede utilizar la palabra clave return para devolver un valor de la función. Tomemos un ejemplo que define una función que aceptará dos valores de parámetros y devolverá la suma de esos dos parámetros. Eche un vistazo al siguiente código.
Ejemplo
<!DOCTYPE html>
<html>
<head>
<script type = "text/javascript" src = "MooTools-Core-1.6.0.js"></script>
<script type = "text/javascript" src = "MooTools-More-1.6.0.js"></script>
<script type = "text/javascript">
var two_parameter_returning_function = function(first_number, second_number){
var third_number = first_number + second_number;
return third_number;
}
window.addEvent('domready', function(){
var return_value = two_parameter_returning_function(10, 5);
document.write("Return value is : " + return_value);
});
</script>
</head>
<body>
</body>
</html>Recibirá el siguiente resultado: