web前端js基础之“return”的简单运用及小练习

最新推荐文章于 2023-02-21 20:40:38 发布

空投在我怀里

最新推荐文章于 2023-02-21 20:40:38 发布

阅读量828

点赞数

分类专栏： web前端js基础文章标签： js javascript return

本文链接：https://blog.csdn.net/wrk2466836002/article/details/83382515

版权

web前端js基础专栏收录该内容

10 篇文章 0 订阅

订阅专栏

一.看完你将学会？

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>

空投在我怀里

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
web前端js基础之“return”的简单运用及小练习

一.看完你将学会？1.什么是return。2.return的作用。3.return可以充当循环使用。二、return的介绍？return可以终止当前函数，并返回当前函数的值。&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;
复制链接

扫一扫

专栏目录