JS-递归函数!

为什么我会将递归函数作为一个专门的技术分享来进行讲解,就是因为在JS节点,递归函数是非常重要的!


前言

递归在手,数组我有


一、什么是递归函数?

递归是函数的高级用法,本质上是函数自已调用自已,它的行为非常类似循环

1.本质-自己调用自己

如果一个函数内部调用自已本身,并且通过条件控制避免陷入死循环,这就是递归函数

2.递归要加结束条件

在这里插入图片描述

二、递归函数的特性

1. 重复执行

2.调用自身

3. 【必须】要有条件控制,避免死循环

如果递归函数没有条件控制,那么他就是死循环

递归本身是一种循环操作,简单情况下可以替换循环语句的使用

三 代码演示递归~

<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
          // 递归函数 :在函数内部调用自己,通过条件控制避免死循环
          // 一直造成foo函数重复调用-- 死循环
          //   function foo(){
          //       console.log('递归函数');
          //       foo()                           // 2.内部调用自己
          //   }
          //   foo()                               // 1.外部调用


          // 递归三特性-- 重复执行 / 调用自身 / 条件控制避免死循环!
    </script>
</body>

</html>

利用递归求1-100的和

<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        // 利用递归函数求1-100的和
        let i = 0
        let sum = 0
        function getSum() {
            if (i >= 100) { return sum } // 后边只有一句话,可以省略大括号
            i++
            sum += i
            getSum()
        }
        getSum()
        console.log(sum);

    </script>
</body>

</html>

该处使用的url网络请求的数据。


总结

递归函数介绍

递归是函数的高级用法,本质上是函数自已调用自已

递归函数特性

  1. 重复执行
  2. 调用自身
  3. 【必须】要有条件控制,避免死循环
  • 7
    点赞
  • 31
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值