一.看完你将学会？
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，因为return的原因使其，进行了循环 document.write(i+'<br>'); //这里是循环次数值为2,3,4 return lx2();//加上return后li2循环了2,3,4共3次，第4次因不满足条件而不能继续循环 } } lx2(); </script>
