MooTools - Funktionen
Funktionen in MooTools ist ein Konzept aus JavaScript. Wir wissen bereits, wie man Funktionen in JavaScript verwendet. Im Allgemeinen ist es besser, die Funktion außerhalb des Seitenkörpers im Skript-Tag zu belassen. In MooTools folgen wir demselben Muster. Hier können Sie Ihre eigene Funktion entsprechend den Anforderungen entwerfen. Wir müssen jetzt alle benutzerdefinierten Funktionen in der aufrufendomready Funktion.
Sehen Sie sich die folgende Syntax an, um zu verstehen, wie die verallgemeinerte Funktion in MooTools verwendet wird.
Syntax
<script type = "text/javascript">
/*
Function definitions go here
*/
window.addEvent('domready', function() {
/* Calls to functions go here */
});
</script>Grundstruktur
Es gibt einige grundlegende Möglichkeiten, eine Funktion in MooTools zu definieren. Es gibt keinen Unterschied zwischen den Funktionssyntaxen von JavaScript und MooTools, aber der Unterschied besteht darin, eine Funktion aufzurufen. Nehmen wir ein kleines Beispiel, das eine Funktion namens demo_function definiert. Schauen Sie sich den folgenden Code an.
Beispiel
<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>Sie erhalten folgende Ausgabe:
Ausgabe
Einzelparameterfunktion
Sie können auch eine Funktion erstellen, die einen Parameter akzeptiert. Um Parameter mit Funktionen zu verwenden, müssen Sie in der Klammer einen Variablennamen hinzufügen. Sobald Sie es bereitgestellt haben, steht die Variable im Inneren zur Verwendung zur Verfügung. Nehmen wir ein Beispiel, das eine Funktion definiert, die einen einzelnen Parameter verwendet und eine Nachricht zusammen mit dem Parameter druckt.
Schauen Sie sich den folgenden Code an.
Beispiel
<!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>Sie erhalten folgende Ausgabe:
Ausgabe
Einen Wert zurückgeben
Wann immer Sie das Ergebnis einer Funktion als Eingabe für eine andere Variable verwenden möchten, müssen Sie den Rückgabewert für diese Funktion verwenden. Mit dem Schlüsselwort return können Sie einen Wert aus der Funktion zurückgeben. Nehmen wir ein Beispiel, das eine Funktion definiert, die zwei Parameterwerte akzeptiert und die Summe dieser beiden Parameter zurückgibt. Schauen Sie sich den folgenden Code an.
Beispiel
<!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>Sie erhalten folgende Ausgabe: