溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

JavaScript函數(shù)如何定義

發(fā)布時(shí)間：2022-09-26 17:41:07 來(lái)源：億速云 閱讀：169 作者：iii 欄目：互聯(lián)網(wǎng)科技

這篇“JavaScript函數(shù)如何定義”文章的知識(shí)點(diǎn)大部分人都不太理解，所以小編給大家總結(jié)了以下內(nèi)容，內(nèi)容詳細(xì)，步驟清晰，具有一定的借鑒價(jià)值，希望大家閱讀完這篇文章能有所收獲，下面我們一起來(lái)看看這篇“JavaScript函數(shù)如何定義”文章吧。

功能定義

在我們使用一個(gè)函數(shù)之前，我們需要定義它。在 JavaScript 中定義函數(shù)的最常見(jiàn)方法是使用function關(guān)鍵字，后跟唯一的函數(shù)名稱、參數(shù)列表(可能為空)和用大括號(hào)括起來(lái)的語(yǔ)句塊。

句法

此處顯示了基本語(yǔ)法。

<script type = "text/javascript">
   <!--
      function functionname(parameter-list) {
         statements
      }
   //--></script>

例子

試試下面的例子。它定義了一個(gè)名為 sayHello 的函數(shù)，它不接受任何參數(shù)

<script type = "text/javascript">
   <!--
      function sayHello() {
         alert("Hello there");
      }
   //--></script>

調(diào)用函數(shù)

要在腳本稍后的某處調(diào)用函數(shù)，您只需編寫該函數(shù)的名稱，如以下代碼所示。

<html>
   <head>   
      <script type = "text/javascript">
         function sayHello() {            document.write ("Hello there!");
         }      </script>      
   </head>   
   <body>
      <p>Click the following button to call the function</p>      
      <form>
         <input type = "button" onclick = "sayHello()" value = "Say Hello">
      </form>      
      <p>Use different text in write method and then try...</p>
   </body></html>

輸出

Click the following button to call the functionUse different text in write method and then try...

功能參數(shù)

到目前為止，我們已經(jīng)看到了沒(méi)有參數(shù)的函數(shù)。但是有一個(gè)工具可以在調(diào)用函數(shù)時(shí)傳遞不同的參數(shù)。這些傳遞的參數(shù)可以在函數(shù)內(nèi)部捕獲，并且可以對(duì)這些參數(shù)進(jìn)行任何操作。一個(gè)函數(shù)可以接受多個(gè)用逗號(hào)分隔的參數(shù)。

例子

試試下面的例子。我們?cè)谶@里修改了sayHello函數(shù)。現(xiàn)在它需要兩個(gè)參數(shù)。

<html>
   <head>   
      <script type = "text/javascript">
         function sayHello(name, age) {            document.write (name + " is " + age + " years old.");
         }      </script>      
   </head>   
   <body>
      <p>Click the following button to call the function</p>      
      <form>
         <input type = "button" onclick = "sayHello('Zara', 7)" value = "Say Hello">
      </form>      
      <p>Use different parameters inside the function and then try...</p>
   </body></html>

輸出

Click the following button to call the functionUse different parameters inside the function and then try...

聲明

JavaScript 函數(shù)可以有一個(gè)可選的return語(yǔ)句。如果要從函數(shù)返回值，這是必需的。該語(yǔ)句應(yīng)該是函數(shù)中的最后一個(gè)語(yǔ)句。

例如，您可以在一個(gè)函數(shù)中傳遞兩個(gè)數(shù)字，然后您可以期望該函數(shù)在您的調(diào)用程序中返回它們的乘法。

例子

試試下面的例子。它定義了一個(gè)函數(shù)，該函數(shù)接受兩個(gè)參數(shù)并將它們連接起來(lái)，然后在調(diào)用程序中返回結(jié)果。

<html>
   <head>  
      <script type = "text/javascript">
         function concatenate(first, last) {            var full;
            full = first + last;            return full;
         }         function secondFunction() {            var result;
            result = concatenate('Zara', 'Ali');            document.write (result );
         }      </script>      
   </head>   
   <body>
      <p>Click the following button to call the function</p>      
      <form>
         <input type = "button" onclick = "secondFunction()" value = "Call Function">
      </form>      
      <p>Use different parameters inside the function and then try...</p>  
  </body></html>

輸出

Click the following button to call the functionUse different parameters inside the function and then try...

以上就是關(guān)于“JavaScript函數(shù)如何定義”這篇文章的內(nèi)容，相信大家都有了一定的了解，希望小編分享的內(nèi)容對(duì)大家有幫助，若想了解更多相關(guān)的知識(shí)內(nèi)容，請(qǐng)關(guān)注億速云行業(yè)資訊頻道。

向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手