JavaScript闭包的详解（附例题讲解）

最新推荐文章于 2023-01-17 12:27:21 发布

kinjaze

最新推荐文章于 2023-01-17 12:27:21 发布

阅读量384

点赞数 1

分类专栏：前端技术文章标签： javascript

本文链接：https://blog.csdn.net/qq_41591368/article/details/109196642

版权

前端技术专栏收录该内容

20 篇文章 0 订阅

订阅专栏

什么是闭包?

密闭的容器，类似于set、map容器，用于存储数据
闭包是一个对象，存放数据的格式为： key ：value

形成的条件

函数的嵌套
内部函数调用外部函数的局部变量

闭包的优点

延长外部函数局部变量的的声明周期

闭包的缺点

容易造成内存泄漏

注意点

合理使用闭包
使用完闭包及时清除（销毁）

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>闭包</title>
</head>
<body>
    <script>
       function fun(n,o){
           console.log(o);
           return {
               fun:function(m){
                   return fun(m,n);
               }
           }
       }

       var a = fun(0);
       a.fun(1);
       a.fun(2);
       a.fun(3);
       
    /* 
       var a = fun(0);
       o未定义输出undefined

       a.fun(1);
       a.fun(1) => fun(1,0) 输出 0

       a.fun(2);
       a.fun(2) => fun(2,0) 输出 0

       a.fun(3);
       a.fun(3) => fun(3,0) 输出 0
    */
       var b = fun(0).fun(1).fun(2).fun(3)
    /* 
        var b = fun(0).fun(1).fun(2).fun(3)
        第一次调用fun(0),参数o未定义输出undefined

        fun(0).fun(1) => var a = fun(0) a.fun(1) 输出 0

        fun(0).fun(1).fun(2) => var a = fun(1,0) a.fun(2) 输出 1
         fun(0).fun(1).fun(2).fun(3) => var a = fun(2,1) a.fun(3) 输出 2

    */
       
       var c = fun(0).fun(1)
       c.fun(2)
       c.fun(3)
    /* 
       var c = fun(0).fun(1)
       fun(0).fun(1) => var a = fun(0) a.fun(1) 输出 0

       c.fun(2)
       c.fun(2) =>fun(2,1) 输出 1

       c.fun(3)
       c.fun(3) =>fun(3,1) 输出 1
    */   
    </script>
</body>
</html>

在这里插入图片描述

kinjaze

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
JavaScript闭包的详解（附例题讲解）

什么是闭包?密闭的容器，类似于set、map容器，用于存储数据闭包是一个对象，存放数据的格式为： key ：value形成的条件函数的嵌套内部函数调用外部函数的局部变量闭包的优点延长外部函数局部变量的的声明周期闭包的缺点容易造成内存泄漏注意点合理使用闭包使用完闭包及时清除（销毁）<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"&gt
复制链接

扫一扫