本文小編為大家詳細介紹“JavaScript中的return怎么使用”,內容詳細,步驟清晰,細節處理妥當,希望這篇“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 所示。
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怎么使用”文章已經介紹完畢,想要掌握這篇文章的知識點還需要大家自己動手實踐使用過才能領會,如果想了解更多相關內容的文章,歡迎關注創新互聯行業資訊頻道。
網頁題目:JavaScript中的return怎么使用
路徑分享:http://vcdvsql.cn/article4/gjocie.html
成都網站建設公司_創新互聯,為您提供網站建設、網站收錄、App設計、網站制作、云服務器、商城網站
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯