JavaScript中return的用法:1、傳回函數值,可以傳回包含基本資料型別、物件、函數等任意型別的值;2、利用不帶回傳值的return語句隨時中止函數的執行。
本教學操作環境:windows7系統、javascript1.8.5版、Dell G3電腦。
JavaScript 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的用法是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章!