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>

您將收到以下輸出：

輸出

列印頁面