return的用法是什麼？若用在for循環中，還會執行下一次循環嗎？

這裏是修真院前端小課堂，每篇分享文從

【背景介紹】【知識剖析】【常見問題】【解決方案】【編碼實戰】【擴展思考】【更多討論】【參考文獻】

八個方面深度解析前端知識/技能，本篇分享的是：

【return的用法是什麼？若在for循環中，還會執行下一次循環嗎？】

 

1、背景介紹
什麼是return?

return 語句的做用是從當前函數退出，並從那個函數返回一個值。

 

用 return 語句來終止一個函數的執行，並返回 expression 的值。若是 expression 被省略， 或在函數內沒有 return 語句被執行，則把值 undefined 賦給調用當前函數的表達式。

2、知識剖析
return做爲返回關鍵字，它有如下兩種返回方式。

一、返回函數結果
語法爲：return+表達式

 

語句結束函數執行，返回調用函數，並且把表達式的值做爲函數的結果。

return 表示從被調函數返回到主調函數繼續執行，返回時可附帶一個返回值， 由return後面的參數指定。return一般是必要的，由於函數調用的時候計算結果一般是經過返回值帶出的。

二、返回函數控制
語法爲：return;

一般狀況下return後面跟有表達式，可是並非絕對的。此狀況就是單純的將控制權轉交給主調函數繼續執行。

在大多數狀況下,爲事件處理函數返回false,能夠防止默認的事件行爲。 例如,默認狀況下點擊一個a元素,頁面會跳轉到該元素href屬性指定的頁，但咱們能夠用return flase來阻止它的跳轉。

在js中，咱們經常使用return false來阻止提交表單或者繼續執行下面的代碼。 例以下面的例子：

 

即便a函數返回return false 阻止提交了，可是不影響 b()以及 c()函數的執行。在Test()函數裏調用a()函數，那麼 return false 對於Test()函數來講，只是至關於返回值，而不能阻止Test()函數執行。

3、常見問題
若return用在for循環中，還會執行下一次循環嗎？

4、解決方案
代碼示例:

 

咱們能夠看到，for循環只返回return所返回的值，並不會執行下一次循環。

5、編碼實戰
6、擴展思考
除了return以外，還有哪些語句能夠跳出循環？

一、break

 

上面這個break實例，輸出的結果爲：12345，當i的值等於5的時候直接經過break跳出了循環，再也不繼續往下運行。

二、continue

 

上面這個continue實例，輸出的結果爲：1234578910，當i的值等於6的時候直接跳過，繼續執行循環。

7、更多討論
討論點1：一樣是跳出循環，return和break有什麼區別？

討論點2：一樣是中斷執行，return和return false有什麼區別？

討論點3：在什麼應用場景下咱們會用到break或continue？

8、參考文獻
參考1：JavaScript中的return語句簡單介紹

參考2：javascript中break，continue和return語句用法小結

參考2： js中return的用法

 

 

 

【更多內容，能夠加入IT交流羣565734203與你們一塊兒討論交流】

【這裏是技能樹·IT修真院：http://www.jsnhu.com，初學者轉行到互聯網的彙集地】