简单实现闭包

最新推荐文章于 2022-11-26 21:06:53 发布
最新推荐文章于 2022-11-26 21:06:53 发布
阅读量2.9k 收藏
点赞数
分类专栏： 前端总结 文章标签： 闭包
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wjx666666/article/details/84191081
版权

之前写过一个关于闭包的小demo，整理了一下代码，供大家参考，简单易懂。以下是代码和生成的样式

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <style>
        .wrap{
            width: 1100px;
            margin: 0 auto;
            position: relative;
            top: 50px;
        }
            .aa{
               width: 100px;
                height: 100px;
                border-radius:5px;
                background-color: #0ff;
                font-size: 20px;
                color: red;
                display: inline-block;
                vertical-align: middle;
                text-align: center;
            }
    </style>
</head>
<body>
<div class="wrap">
    <div class="aa"></div>
    <div class="aa"></div>
    <div class="aa"></div>
    <div class="aa"></div>
    <div class="aa"></div>
    <div class="aa"></div>
    <div class="aa"></div>
    <div class="aa"></div>
    <div class="aa"></div>
    <div class="aa"></div>
</div>

</body>
<script>
    var divs = document.getElementsByClassName('aa');
    console.log(divs);
    var j=0;
    for(let i = 0;i<10;i++) {
        divs[i].onclick = function () {

            this.innerHTML = i + 1;
            j++;
        }
    }

</script>
</html>

 

@Xiao's blog
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
javascript实现的闭包简单实例
10-23
主要介绍了javascript实现的闭包简单实现方法,涉及javascript闭包的原理与实现技巧,具有一定参考借鉴价值,需要的朋友可以参考下
闭包简单例子
最新发布
m0_62170162的博客
04-18 295
闭包：一个函数和它的周围状态的引用捆绑在一起的组合
最简单易懂的闭包
Alin_leeon的博客
09-20 2639
一、作用域      js特有的作用域，内部函数可以访问外部函数的参数和变量，这个很美妙哦！      但是有时我们需要验证一个变量或属性的类型时，他就会自动向上查找直到原型，如果有则返回，如果没有则返回undefined。typedef、for in循环都会出现该问题；hasOwnPrototype就可以很好的避免这个问题，如果对象独有这个属性，则返回true否则false。      但
闭包函数
m0_46264231的博客
10-17 953
1.闭包 1.1首先 我们先来复习下变量的作用域 变量根据作用域的不同分为两种：全局变量和局部变量。 函数内部可以使用全局变量。 函数外部不可以使用局部变量。 当函数执行完毕，本作用域内的局部变量会销毁。 1.2什么是闭包 闭包（closure）指有权访问另一个函数作用域中变量的函数。简单理解就是 ，一个作用域可以访问另外一个函数内部的局部变量。 3.3闭包的作用 作用：延伸变量的作用范围。 function fn() { var num = 10; function fun() {
简单的闭包函数
zhxl1631_163_com的博客
11-26 157
简单的闭包函数，示例及解释，通俗易懂。
手写简单闭包
柠夏
03-31 1188
 闭包（Closures）是一个能够读取其他函数内部变量的函数  优点：使外部能访问到局部的东西  缺点：使用不当容易造成内存泄漏的问题 function Closures(){ let num = 0; //这是一个简单闭包 return function(){ return ++num } } const newClosures = Closu
三元闭包代码实现.ipynb
01-18
找“共同朋友”的一个简单验证 含绘制关系图
js实现拖拽 闭包函数详细介绍
12-12
js拖拽 采用简单的闭包实现方式 代码如下: /** * Created with JetBrains WebStorm. * User: lsj * Date: 12-11-24 * Time: 下午12:59 * To change this template use File | Settings | File Templates. */ var ...
简单讲解Python中的闭包
12-23
比如参考资源中就有这样的的定义：在实现深约束时，需要创建一个能显式表示引用环境的东西，并将它与相关的子程序捆绑在一起，这样捆绑起来的整体被称为闭包。 就像这样： #python 中的闭包 ... def func(data):
闭包及闭包的简单示例
fangqi20170515的博客
07-08 876
可以理解为能够读取其它函数内部变量的函数。通过函数实现变量私有化，同时可以让外部访问内部的资料 本质：将函数内部和外部连接起来的一座桥梁目的：解决函数外部想获取到函数内部的局部变量缺点：1、需要手动释放资源；2、过多的闭包，会造成程序变慢（操作不当容易造成内存溢出）用途：1、实现变量私有化；2、读取函数内部的变量；3、让函数内部的变量始终保持在内存中 2、如何手动释放？ 原理：没有变量引用它，则会被当垃圾进行回收 4、闭包的实例 注意：函数内部返回的数组进行了深拷贝......
闭包 最详细的闭包解释 自己的私藏 简单易懂
02-11
为了分吧自己的收藏拿出来了！来自印象笔记的资料本！全程干货！前端面试最全的闭包分类！看一下 终身受益！还有其他资源！没用砍我！
手把手教你学会闭包
m0_45093055的博客
04-03 2326
前言 MDN对闭包的解释是这样的：一个函数和对其周围状态（lexical environment，词法环境）的引用捆绑在一起（或者说函数被引用包围），这样的组合就是闭包（closure）。也就是说，闭包让你可以在一个内层函数中访问到其外层函数的作用域。在 JavaScript 中，每当创建一个函数，闭包就会在函数创建的同时被创建出来。MDN文档 解释有点抽象，不好理解，现在我们用代码的形式来解释下。 一. 闭包概念解析 闭包让你可以在一个内层函数中访问到其外层函数的作用域 (1) 父对象的所有变量，对子对
闭包
weixin_43915401的博客
05-17 115
闭包函数： 声明在一个函数中的函数 闭包： 内部函数总是可以访问其所在的外部函数中声明的参数和变量，即使在其外部函数被返回（寿命终结）之后 特点： 1、让外部访问函数内部变量变成可能 2、局部变量会常驻在内存中 3、可以避免使用全局变量，防止全局变量污染 4、会造成内存泄漏（有一块内存空间被长期占用，而不被释放） 官话版 闭包就是可以创建一个独立的环境，每个闭包里面的环境都是独立的，互不干扰。闭包会发生内存泄漏，每次外部函数执行时，外部函数的引用地址不同，都会重新创建一个新的地址 但凡是当前活动对象中有被内
闭包demo
阿之阿佐
01-23 224
 闭包 对于闭包(closure)，当外部函数返回之后，内部函数依然可以访问外部函数的变量。 function f1() {     var N = 0; // N是f1函数的局部变量          function f2() // f2是f1函数的内部函数，是闭包     {         N += 1; // 内部函数f2中使用了外部函数f1中的变量N       ...
什么是闭包？尝试写一个简单的闭包？
LuckXinXin的博客
03-13 987
答： 闭包就是能够读取其他函数内部变量的函数。在本质上，闭包就是将函数内部和函数外部连接起来的一座桥梁。 function outer(){ var num = 1; function inner(){ var n = 2; alert(n+num); } return inner(); } outer(); ...
一个超简单的闭包示例
zsr1860的博客
12-25 7843
一个超简单的闭包示例
一个闭包的简单例子
饰心的博客
03-24 2326
最近有很多朋友都在问我 闭包是什么
手写一个简易的闭包
lovexiaoqiu的博客
06-17 4445
闭包的主要表现有两种 ，一个作为 函数返回值，一个作为 参数。 作为函数返回值 function demo(){ let a = 100 return function(){ console.log(a) } } let a = 200 demo() 作为参数 function fn1(fn){ const a = 100 fn() } const a = 200 function fn(){ console.log(a) } fn1(fn) 闭包的简单应用
JavaScript的一个简单闭包写法
hi_beijing的专栏
10-31 328
闭包是将变量隐藏起来，通过入口调用其变量方法一： function a() {      var i = 1;      function b(){return i = i + 1;}      return b();} a(); 方法二： function a() {     function c(i) {       return i*i; }     functi...
java 简单闭包实现
03-31
在 Java 中实现闭包可以使用匿名内部类和 lambda 表达式。 1. 使用匿名内部类实现闭包： ```java public class ClosureDemo { public static void main(String[] args) { Closure closure = new Closure(); int...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值