MooTools - Funzioni
Le funzioni in MooTools sono un concetto di JavaScript. Sappiamo già come utilizzare le funzioni in JavaScript. In generale, è meglio mantenere la funzione fuori dal corpo della pagina nel tag dello script. In MooTools, seguiamo lo stesso schema. Qui è possibile progettare la propria funzione in base alle esigenze. Ora dobbiamo chiamare tutte le funzioni definite dall'utente nel filedomready funzione.
Dai un'occhiata alla seguente sintassi per capire come usare la funzione generalizzata in MooTools.
Sintassi
<script type = "text/javascript">
/*
Function definitions go here
*/
window.addEvent('domready', function() {
/* Calls to functions go here */
});
</script>Struttura basilare
Ci sono alcuni modi di base per definire una funzione in MooTools. Non c'è differenza tra la sintassi delle funzioni di JavaScript e MooTools, ma la differenza sta nel chiamare una funzione. Prendiamo un piccolo esempio che definisce una funzione chiamata demo_function. Dai un'occhiata al seguente codice.
Esempio
<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>Riceverai il seguente output:
Produzione
Funzione a parametro singolo
È inoltre possibile creare una funzione che accetti un parametro. Per utilizzare i parametri con le funzioni, è necessario aggiungere un nome di variabile tra parentesi. Una volta fornita, la variabile è disponibile all'interno per l'uso. Prendiamo un esempio che definisce una funzione che accetta un singolo parametro e stampa un messaggio insieme al parametro.
Dai un'occhiata al seguente codice.
Esempio
<!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>Riceverai il seguente output:
Produzione
Restituzione di un valore
Ogni volta che si desidera utilizzare il risultato di una funzione come input per un'altra variabile, è necessario utilizzare il valore restituito per quella funzione. È possibile utilizzare la parola chiave return per restituire un valore dalla funzione. Prendiamo un esempio che definisce una funzione che accetterà due valori di parametro e restituirà la somma di questi due parametri. Dai un'occhiata al seguente codice.
Esempio
<!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>Riceverai il seguente output: