递归函数学习

目录

1、什么是递归？

2、利用递归求数学题

3、浅拷贝

4、深拷贝

---

#博学谷IT学习技术支持#

1、什么是递归？

如果一个函数在内部可以调用其本身，那么这个函数就是递归函数

简单理解:函数内部自己调用自己, 这个函数就是递归函数

递归函数的作用和循环效果一样

由于递归很容易发生“栈溢出”错误（stack overflow），所以 必须要加退出条件 return 。

代码演示：

    <script>
        //什么是递归函数
        var flag = 0;
        function fn() {
            console.log(flag);
            flag += 1;
            if (flag == 5) return;
            return fn();
        };
        fn();
    </script>

2、利用递归求数学题

1. 求 1 * 2 *3 ... * n 阶乘。

代码演示：

    <script>
        // 求 1 * 2 *3 ... * n 阶乘
        function fn(n) {
            if(n == 1) return 1;
            return n * fn(n - 1);
        };
        console.log(fn(4));
    </script>

2. 求斐波那契数列 。

代码演示：

    <script>
        // 利用递归函数求斐波那契数列(兔子序列)  1、1、2、3、5、8、13、21...
        // 用户输入一个数字 n 就可以求出 这个数字对应的兔子序列值
        // 我们只需要知道用户输入的n 的前面两项(n-1 n-2)就可以计算出n 对应的序列值
        function fb(n) {
            if (n == 1 || n == 2) return 1;
            return fb(n - 1) + fb(n - 2);
        };
        console.log(fb(6));
    </script>

3. 根据id返回对应的数据对象

代码演示：

    <script>
        var data = [{
            id: 1,
            name: '家电',
            goods: [{
                id: 11,
                gname: '冰箱',
                goods: [{
                    id: 111,
                    gname: '海尔'
                }, {
                    id: 112,
                    gname: '美的'
                },]
            }, {
                id: 12,
                gname: '洗衣机'
            }]
        }, {
            id: 2,
            name: '服饰'
        }];
        // 我们想要做输入id号,就可以返回的数据对象
        // 1. 利用 forEach 去遍历里面的每一个对象
        function getID(json, id) {
            var o = {};
            json.forEach(function (item) {
                if (item.id == id) {
                    o = item;
                } else if (item.goods && item.goods.length > 0) {
                    o = getID(item.goods, id);
                }
            });
            return o;
        };
        console.log(getID(data, 1));
        console.log(getID(data, 2));
        console.log(getID(data, 11));
        console.log(getID(data, 12));
        console.log(getID(data, 111));
        console.log(getID(data, 112));
    </script>

演示结果：

3、浅拷贝

    <script>
        // 浅拷贝只是拷贝一层, 更深层次对象级别的只拷贝引用.
        // 深拷贝拷贝多层, 每一级别的数据都会拷贝.
        var obj = {
            id: 1,
            name: 'andy',
            msg: {
                age: 18
            }
        };
        var o = {};
        //遍历对象
        for(var k in obj) {
            o[k] = obj[k];
        };
        console.log(o);
        o.msg.age = 20;
        console.log(obj);   //obj.msg.age 也变成了20
    </script>

浅拷贝原理：

4、深拷贝

 

    <script>
        // 深拷贝拷贝多层, 每一级别的数据都会拷贝.
        var obj = {
            id: 1,
            name: 'andy',
            msg: {
                age: 18
            },
            color: ['pink', 'red']
        };
        var o = {};
        // 封装函数 
        function deepCopy(newobj, oldobj) {
            for (var k in oldobj) {
                // 判断我们的属性值属于那种数据类型
                // 1. 获取属性值  oldobj[k]
                var item = oldobj[k];
                // 2. 判断这个值是否是数组
                if (item instanceof Array) {
                    newobj[k] = [];
                    deepCopy(newobj[k], item);
                } else if (item instanceof Object) {
                    // 3. 判断这个值是否是对象
                    newobj[k] = {};
                    deepCopy(newobj[k], item);
                } else {
                    // 4. 属于简单数据类型
                    newobj[k] = item;
                }
            }
        }
        deepCopy(o, obj);
        console.log(o);
        o.msg.age = 20;
        console.log(obj);
    </script>