JavaScript函數(shù)的使用方法是什么

發(fā)布時(shí)間：2020-08-29 10:34:16 來源：億速云閱讀：129 作者：小新欄目：web開發(fā)

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

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

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

此外函數(shù)還有一個(gè)優(yōu)點(diǎn)，當(dāng)需要處理的部分代碼需要進(jìn)行共同的變化時(shí)，只需要更改一處就可以了。

下面我們來看JavaScript中函數(shù)的定義

基本形式

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

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

參數(shù)和返回值

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

另外，如果你想獲得這個(gè)調(diào)用函數(shù)的處理結(jié)果，使用return的關(guān)鍵字，則會(huì)傳遞函數(shù)中處理的結(jié)果返回值。

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

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

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

代碼如下

<!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>

基于上述代碼，根據(jù)輸入的money值，執(zhí)行的結(jié)果會(huì)為“有錢人”或“普通人”或“貧窮”，如果不使用函數(shù)，則必須寫入相同的代碼。

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

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

JavaScript函數(shù)的使用方法是什么

當(dāng)變量money輸入為4000，結(jié)果就為"普通人"，輸入money的值為2000時(shí)就是“貧窮”。

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

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

這里的函數(shù)名稱是judge。因?yàn)橄敫鶕?jù)輸入變量money的值來判斷“有錢人”“普通人”“貧窮”。

實(shí)際上，您無法分辨?zhèn)鬟f給函數(shù)的信息是什么，因此使用變量money定義參數(shù)。該函數(shù)將根據(jù)進(jìn)入變量money的值來改變輸出的值和字符串。

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

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

代碼如下

<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>

運(yùn)行結(jié)果如下

JavaScript函數(shù)的使用方法是什么

使用return值返回

也可以在不使用document.write的情況下返回判斷結(jié)果的字符串。。這種情況下，使用返回值return。將判斷結(jié)果的字符串“有錢人”“普通”“窮”代入后，最后用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>

運(yùn)行效果不變

JavaScript函數(shù)的使用方法是什么

最后，我們來簡單看一下什么是局部變量

局部變量是指在函數(shù)中定義的變量，并且只在該函數(shù)中有作用。

使用“var變量名”聲明與普通變量沒有區(qū)別，但在局部變量的情況下，它是在function中聲明。

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享JavaScript函數(shù)的使用方法是什么內(nèi)容對大家有幫助，同時(shí)也希望大家多多支持億速云，關(guān)注億速云行業(yè)資訊頻道，遇到問題就找億速云，詳細(xì)的解決方法等著你來學(xué)習(xí)!

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

JavaScript函數(shù)的使用方法是什么

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽