JavaScript中return的用法是什麼

JavaScript中return的用法：1、返回函數值，可以返回包括基本資料型別、物件、函數等任意型別的值；2、利用不帶返回值的return語句來隨時中止函數的執行。

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

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

一是返回函數值；
二是中止函數的執行。

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

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

【例 1】return 語句顯式返回函數值。

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>return語句顯式返回函數值</title>
<script>
   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));
</script>
</head>
<body>
</body>
</html>

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

【例 2】return 語句中止函數的執行。

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>return語句中止函數執行</title>
<script>
   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);
</script>
</head>
<body>
</body>
</html>

執行 add(7,3) 程式碼時，將呼叫 add() 方法，此時第一個引數的值大於第二個引數，在控制檯中輸出「a 大於 b」，然後函數返回，停止執行，從而 return 語句後面的兩條紀錄檔都不會被輸出。執行結果如圖 1 所示。

圖 1：return 語句中止函數執行結果

【例 3】return 語句返回函數。

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>return語句返回函數</title>
<script>
   function outerFunc(){
        var b = 0;
       return function(){ //返回匿名函數
            b++;
            console.log("內部函數中b=" + b);
        }
   }
   var func = outerFunc();
   func();
</script>
</head>
<body>
</body>
</html>

因為 outerFunc() 函數返回一個匿名函數，所以 outerFunc 函數的呼叫表示式就變為了函數表示式了，從而可以使用變數 func 來呼叫匿名函數。執行結果如圖 2 所示。

圖 2：呼叫 return 語句返回的匿名函數

【相關推薦：】

以上就是JavaScript中return的用法是什麼的詳細內容，更多請關注TW511.COM其它相關文章！