MooTools - Функции
Функции в MooTools - это концепция JavaScript. Мы уже знаем, как использовать функции в JavaScript. Как правило, лучше оставить функцию вне тела страницы в теге скрипта. В MooTools мы следуем той же схеме. Здесь вы можете создать свою собственную функцию в соответствии с требованиями. Теперь нам нужно вызвать все пользовательские функции вdomready функция.
Взгляните на следующий синтаксис, чтобы понять, как использовать обобщенную функцию в MooTools.
Синтаксис
<script type = "text/javascript">
/*
Function definitions go here
*/
window.addEvent('domready', function() {
/* Calls to functions go here */
});
</script>Базовая структура
Есть несколько основных способов определить функцию в MooTools. Нет никакой разницы между синтаксисами функций JavaScript и MooTools, но разница заключается в вызове функции. Давайте рассмотрим небольшой пример, который определяет функцию с именем demo_function. Взгляните на следующий код.
пример
<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>Вы получите следующий вывод -
Вывод
Функция с одним параметром
Вы также можете создать функцию, которая принимает параметр. Чтобы использовать параметры с функциями, вам нужно добавить имя переменной в круглые скобки. Как только вы его предоставите, переменная станет доступна для использования внутри. Давайте возьмем пример, который определяет функцию, которая принимает единственный параметр и печатает сообщение вместе с параметром.
Взгляните на следующий код.
пример
<!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>Вы получите следующий вывод -
Вывод
Возврат стоимости
Когда вы хотите использовать результат одной функции в качестве входных данных для другой переменной, вам необходимо использовать возвращаемое значение для этой функции. Вы можете использовать ключевое слово return для возврата значения из функции. Давайте рассмотрим пример, который определяет функцию, которая будет принимать значения двух параметров и возвращать сумму этих двух параметров. Взгляните на следующий код.
пример
<!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>Вы получите следующий вывод -