MooTools - 函数

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>

您将收到以下输出：

输出

打印页面