web前端js基礎之“return”的簡單運用及小練習
阿新 • • 發佈：2018-12-17
一.看完你將學會？
1.什麼是return。
2.return的作用。
3.return可以充當迴圈使用。
二、return的介紹？
return可以終止當前函式，並返回當前函式的值。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>return的簡單運用及小練習</title> </head> <body> <li>return終止當前函式，並返回當前函式的值</li> <li id = "lis2"></li> </body> </html> <script> function fun1() { while (true){ alert(1) } } //fun1(); // 1.問題：此函式會無限迴圈彈出1 //while迴圈:可以反覆執行語句或程式碼塊(只要表示式為true); //2.如何解決迴圈的問題呢？ function fun2() { while (true){ return alert(1)//運用return可以終止迴圈，返回當前函式的值 } } //fun2(); </script> <script> //1.練習1 function lx1() { if(prompt("請輸入1") == 1){ alert("輸入正確") }else{ alert("輸入錯誤") } } // lx1(); //這是if語句來判斷執行哪個函式 function lx1_1() { if(prompt("請輸入1") == 1){ return alert("輸入正確") }else{ return alert("輸入錯誤") } } //lx1_1(); // 改寫後是通過if語句判斷"返回"哪個函式 </script> <script> //2.練習2 //通過return語句來實現一個迴圈。 //思路：既然return語句可以返回一個函式，那麼就是說可以返回它自己本身，在後面呼叫時就能實現一個迴圈的功能； var i = 1; function lx2() { i++; if(i<5){ lis2.innerHTML = i;//最後返回的i的值是4不是2 document.write(i+'<br>'); //這裡是迴圈次數 return lx2();//加上return後li2迴圈了2,3,4共3次，第4次因不滿足條件而不能繼續迴圈 } } lx2(); </script>