闭包、递归

最新推荐文章于 2024-05-17 13:52:13 发布

MDR_0820

最新推荐文章于 2024-05-17 13:52:13 发布

阅读量809

点赞数

分类专栏： ES6 JavaScript 文章标签： javascript 前端 es6

本文链接：https://blog.csdn.net/mdr_0820/article/details/121233980

版权

JavaScript 同时被 2 个专栏收录

49 篇文章 0 订阅

订阅专栏

ES6

9 篇文章 0 订阅

订阅专栏

变量作用域

变量根据作用域的不同分为两种：全局变量和局部变量
1 函数内部可以使用全局变量
2 函数外部不可以使用局部变量
3 当函数执行完毕本作用域的局部变量会销毁

什么是闭包

闭包（closure）指有权访问另一个函数作用域中变量的函数
简单理解就是一个作用域可以访问另外一个函数内部的局部变量
闭包的主要作用延伸了变量的作用范围

<script>
// 闭包 ：fun 这个函数作用域 访问了另外一个函数 fn里面的局部变量num
// 闭包的主要作用 延伸了变量的 作用范围
        function fn() {
            var num = 10
            function fun() {
                console.log(num);
            }
            fun()
        }
        fn()

    </script>

在这里插入图片描述

闭包应用

<body>
    <ul class="nav">
        <li>1</li>
        <li>2</li>
        <li>3</li>
    </ul>
    <script>
        var lis = document.querySelector('.nav').querySelectorAll('li')
        // for (var i = 0; i < lis.length; i++) {
        //     lis[i].index = i
        //     lis[i].onclick = function () {
        //         console.log(this.index);
        //     }
        // }
        // 利用闭包方式 获得当前li 索引号
        for (var i = 0; i < lis.length; i++) {
            // 利用for循环创建4个立即执行函数
            //立即执行函数也成为小闭包 因为立即执行函数里面任何一个函数都可以使用它的i 这个变量
            (function (i) {
                // console.log(i);
                lis[i].onclick = function () {
                    console.log(i);
                }
            })(i)
        }
    </script>
</body>

递归

如果一个函数内部可以调用其本身那么这个函数就是递归函数
简单理解就是函数内部自己调用自己这个函数就是递归函数
递归的作用和循环效果一样

由于递归很容易发生栈溢出错误所以必须要加退出条件 return

 //递归 函数  自己调用自己
 function fn() {
     fn()
 }
 fn()
 //超出最大调用堆栈大小

超出最大调用堆栈大小
在这里插入图片描述

<script>
        // 递归 函数  自己调用自己
        // function fn() {
        //     fn()
        // }
        // fn()
        var num = 1;
        function fn() {
            console.log('递归函数要加 return');
            if (num == 5) {
                return;// 递归里面 必须加退出条件
            }
            num++
            fn();
        }
        fn();

    </script>

在这里插入图片描述

MDR_0820

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
闭包、递归

变量作用域变量根据作用域的不同分为两种：全局变量和局部变量1 函数内部可以使用全局变量2 函数外部不可以使用局部变量3 当函数执行完毕本作用域的局部变量会销毁什么是闭包闭包（closure）指有权访问另一个函数作用域中变量的函数简单理解就是一个作用域可以访问另外一个函数内部的局部变量<script>// 闭包：fun 这个函数作用域访问了另外一个函数 fn里面的局部变量num// 闭包的主要作用延伸了变量的作用范围 function
复制链接

扫一扫