Учебники

MooTools — Функции

Сентябрь 8, 2018

Функции в MooTools — это концепция из JavaScript. Мы уже знаем, как использовать функции в JavaScript. Обычно лучше оставить функцию вне тела страницы в теге script. В 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>

Вы получите следующий вывод —

44
Share: