JS学习笔记之闭包小案例分析

(编辑：jimmy 日期: 2025/11/3 浏览：3 次 )

本文实例讲述了JS学习笔记之闭包小案例。分享给大家供大家参考，具体如下：

直接上代码

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <title>Document</title>
</head>
<style type="text/css">
  *{
    list-style:none;
  }
  ul{
    display:flex;
    flex-wrap:wrap;
  }
  li{
    width: 20%;
    text-align: center;
  }
  img{
    width: 90%;
    padding:5%;
    border:1px solid #ccc;
    border-radius:5px;
  }
</style>
<body>
<ul>
  <li><img src="/UploadFiles/2021-04-02/pizza.jpg">

函数被返回后 其中的value 并未被释放，所以累加
闭包后，作用域链会被延长
闭包的作用，缓存数据,是缺点也是优点
感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具：http://tools.jb51.net/code/HtmlJsRun测试上述代码运行效果。


更多关于JavaScript相关内容感兴趣的读者可查看本站专题：《javascript面向对象入门教程》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》
希望本文所述对大家JavaScript程序设计有所帮助。

上一篇：详解vue-cli3开发Chrome插件实践
下一篇：JS学习笔记之贪吃蛇小游戏demo实例详解