JavaScript函數(shù)的使用方法是什么-創(chuàng)新互聯(lián)

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

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

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

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

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

此外函數(shù)還有一個優(yōu)點,當需要處理的部分代碼需要進行共同的變化時,只需要更改一處就可以了。

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

基本形式

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

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

參數(shù)和返回值

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

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

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

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

我們先使用變量來編寫,將變量定義為money,根據(jù)輸入的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>

基于上述代碼,根據(jù)輸入的money值,執(zhí)行的結(jié)果會為“有錢人”或“普通人”或“貧窮”,如果不使用函數(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ù)的使用方法是什么

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

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

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

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

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

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

這樣做的話,就可以刪除目前已編寫和重復多次的代碼,并將其替換為名為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>

運行結(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>

運行效果不變

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

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

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

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

感謝你能夠認真閱讀完這篇文章,希望小編分享JavaScript函數(shù)的使用方法是什么內(nèi)容對大家有幫助,同時也希望大家多多支持創(chuàng)新互聯(lián)建站,關(guān)注創(chuàng)新互聯(lián)網(wǎng)站制作公司行業(yè)資訊頻道,遇到問題就找創(chuàng)新互聯(lián)建站,詳細的解決方法等著你來學習!

本文題目:JavaScript函數(shù)的使用方法是什么-創(chuàng)新互聯(lián)
鏈接分享:http://muchs.cn/article20/pgdco.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供小程序開發(fā)外貿(mào)網(wǎng)站建設、網(wǎng)站設計公司做網(wǎng)站、企業(yè)網(wǎng)站制作、服務器托管

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

成都網(wǎng)站建設