一.看完你将学会?
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>