首頁 > web前端 > js教程 > javascript return語句怎麼用

javascript return語句怎麼用

青灯夜游
發布: 2023-01-07 11:41:42
原創
3702 人瀏覽過

return語句可用來終止目前函數並傳回目前函數的值;函數一旦執行完return語句,將會立即傳回函數值,並中止函數的執行,該語句後的程式碼都不會被執行。利用此特性,在需要提前退出函數執行時,使用不帶回傳值的return語句來中止函數執行。

javascript return語句怎麼用

本教學操作環境:windows7系統、javascript1.8.5版、Dell G3電腦。

JS return語句的用法

#JavaScript return 語句在函數定義中的作用有兩個:

  • 一是傳回函數值;

  • 二是中止函數的執行。

return 語句可以傳回包含基本資料型別、物件、函數等任意型別的值。每個函數都會傳回一個值。當沒有使用 return 語句,或使用了 return,但後面沒有指明回傳值時,函數都會傳回「undefined」值。如果需要傳回「undefined」以外的值,則必須使用 return,同時指明傳回的值。

函數一旦執行完 return 語句,將會立即傳回函數值,並中止函數的執行,此時 return 語句後的程式碼都不會被執行。根據 return 語句的這個特性,常常會在需要提前退出函數的執行時,利用不帶回傳值的 return 語句來隨時中止函數的執行。

return語句的用法範例

#範例1:return語句明確傳回函數值##

 function expressionCaculate(x){
     if((x >= -10) && (x <= 10)){
         return x * x - 1;
     } else {
         return 5 * x + 3;
     }
   }
   console.log(expressionCaculate(6));
   console.log(expressionCaculate(12));
登入後複製

expressionCaculate() 的return 後面跟著的是一個表達式,在函數執行到return 語句時會先計算表達式的值,然後再傳回該值。呼叫函數時,會根據傳給 x 的值,傳回不同表達式的值。

範例2:return 語句中止函數的執行

   function add(a,b){
     if(a > b){
         console.log("a大于b");
         return;
         console.log("a+b=" + (a + b));
     }
     console.log("a+b=" + (a + b));
   }
   add(7,3);
登入後複製

執行add(7,3) 程式碼時,將呼叫add() 方法,此時第一個參數的值大於第二個參數,在控制台中輸出“a 大於b”,然後函數返回,停止執行,從而return 語句後面的兩個日誌都不會被輸出。

運行結果

javascript return語句怎麼用

範例3:return 語句回傳函數

   function outerFunc(){
        var b = 0;
       return function(){ //返回匿名函数
            b++;
            console.log("内部函数中b=" + b);
        }
   }
   var func = outerFunc();
   func();
登入後複製

因為outerFunc() 函數傳回一個匿名函數,所以outerFunc 函數的呼叫表達式就變為了函數表達式了,所以可以使用變數func 來呼叫匿名函數。

運行結果

javascript return語句怎麼用

【相關推薦:

javascript學習教學

以上是javascript return語句怎麼用的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板