JavaScript函數的使用方法是什么-創新互聯

這篇文章主要介紹了JavaScript函數的使用方法是什么，具有一定借鑒價值，需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。

為安岳等地區用戶提供了全套網頁設計制作服務，及安岳網站建設行業解決方案。主營業務為成都網站設計、成都網站制作、安岳網站設計，以傳統方式定制建設網站，并提供域名空間備案等一條龍服務，秉承以專業、用心的態度為用戶提供真誠的服務。我們深信只要達到每一位用戶的要求，就會得到認可，從而選擇與我們長期合作。這樣，我們也可以走得更遠！

函數就是通過共同定義相同的處理并使其可以多次使用。

JavaScript函數的使用方法是什么

如果代碼很多的話，有時可能需要用到大量相同的處理，雖然可以通過復制粘貼來省去時間，但是代碼會變得很長，不方便后續的一些操作，這時候我們可以將相同的處理定義為一個函數，然后調用這個函數，這樣代碼就會看起來非常的簡潔了。

此外函數還有一個優點，當需要處理的部分代碼需要進行共同的變化時，只需要更改一處就可以了。

下面我們來看JavaScript中函數的定義

基本形式

在定義函數時首先需要的是function。之后寫下給函數的名稱并在{}中寫入需要的處理，最簡單的編寫的話就像下面這樣

<script>
function 函數名( ) {
　　處理的代碼
}
</script>

參數和返回值

此外，如果要將參數傳遞給函數，請將參數名稱放在括號中。您可以根據需要添加任意數量的參數，以“，”分隔。因此，即使進行相同的處理，也可以地根據傳遞的參數進行內容的處理。

另外，如果你想獲得這個調用函數的處理結果，使用return的關鍵字，則會傳遞函數中處理的結果返回值。

<script> 
function 函數名（參數1，參數2，...）{ 
　　處理的代碼
　  return 返回值; 
}
</ script>

我們下面來看使用函數編程的具體例子

我們先使用變量來編寫，將變量定義為money，根據輸入的money的值，用document.write輸出字符串“有錢人”，“普通人”，“貧窮”三個類型。

代碼如下

<!DOCTYPE html>
<html>
  <head>
    <meta charset = "utf-8">
    <title>JavaScript</title>
  </head>
  <body>
    <script>
      var money;
      if (money > 5000) {
        document.write("有錢人");
      } else if (money > 3000){
        document.write("普通人");
      } else {
        document.write("貧窮");
      }
    </script>
  </body>
</html>

基于上述代碼，根據輸入的money值，執行的結果會為“有錢人”或“普通人”或“貧窮”，如果不使用函數，則必須寫入相同的代碼。

<script>
      var money=10000;
      if (money > 5000) {
        document.write("有錢人");
      } else if (money > 3000){
        document.write("普通人");
      } else {
        document.write("貧窮");
      }
    </script>

變量money的值輸入10000，則輸出結果為“有錢人”

JavaScript函數的使用方法是什么

當變量money輸入為4000，結果就為"普通人"，輸入money的值為2000時就是“貧窮”。

所以你只需要改變var money的值，其他都不需要改變，但代碼就會變得很多，這個時候如果定義一個函數，代碼就會變得簡單的多

我們接著就來看使用函數具體的示例

這里的函數名稱是judge。因為想根據輸入變量money的值來判斷“有錢人”“普通人”“貧窮”。

實際上，您無法分辨傳遞給函數的信息是什么，因此使用變量money定義參數。該函數將根據進入變量money的值來改變輸出的值和字符串。

function judge(money) {
  if (money > 5000) {
    document.write("有錢人");
  } else if (money > 3000){
    document.write("普通人");
  } else {
    document.write("貧窮");
  }
}

這樣做的話，就可以刪除目前已編寫和重復多次的代碼，并將其替換為名為judge的函數。

代碼如下

<script>
  function judge(money) {
    if (money > 5000) {
      document.write("有錢人");
    } else if (money > 3000){
      document.write("普通人");
    } else {
      document.write("貧窮");
    }
  }

  var money = 10000;
  judge(money);
  var money = 4000;
  judge(money);
  var money = 2000;
  judge(money);
</script>

運行結果如下

JavaScript函數的使用方法是什么

使用return值返回

也可以在不使用document.write的情況下返回判斷結果的字符串。。這種情況下，使用返回值return。將判斷結果的字符串“有錢人”“普通”“窮”代入后，最后用return返回到result的變量的值。

代碼如下

<script>
  function judge(money) {
    var result;
    if (money > 5000) {
      result = "有錢人";
    } else if (money > 3000){
      result = "普通人";
    } else {
      result = "貧窮";
    }
      return result;
    }
  var money = 10000;
  var result = judge(money);
  document.write(result);
  var money = 4000;
  var result = judge(money);
  document.write(result);
  var money = 2000;
  var result = judge(money);
  document.write(result);
</script>

運行效果不變

JavaScript函數的使用方法是什么